From be2a99aceeb95325debd8a66bb39ffcce7d83e5a Mon Sep 17 00:00:00 2001
From: Oleg Isonen <oleg008@gmail.com>
Date: Thu, 8 Dec 2022 18:28:24 +0000
Subject: [PATCH] enable scrolling of panel content when there are many items

---
 .../app/designer/features/sidebar-left/sidebar-left.tsx       | 2 ++
 apps/designer/app/designer/shared/assets/assets-shell.tsx     | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/designer/app/designer/features/sidebar-left/sidebar-left.tsx b/apps/designer/app/designer/features/sidebar-left/sidebar-left.tsx
index c5673df631..601317c381 100644
--- a/apps/designer/app/designer/features/sidebar-left/sidebar-left.tsx
+++ b/apps/designer/app/designer/features/sidebar-left/sidebar-left.tsx
@@ -72,6 +72,8 @@ export const SidebarLeft = ({ publish }: SidebarLeftProps) => {
               dragAndDropState.isDragging && dragAndDropState.origin === "panel"
                 ? "hidden"
                 : "visible",
+            display: "flex",
+            flexDirection: "column",
           }}
         >
           <TabContent publish={publish} onSetActiveTab={setActiveTab} />
diff --git a/apps/designer/app/designer/shared/assets/assets-shell.tsx b/apps/designer/app/designer/shared/assets/assets-shell.tsx
index a13b2b73fb..8f073b2410 100644
--- a/apps/designer/app/designer/shared/assets/assets-shell.tsx
+++ b/apps/designer/app/designer/shared/assets/assets-shell.tsx
@@ -23,8 +23,7 @@ export const AssetsShell = ({
       direction="column"
       css={{
         overflow: "hidden",
-        paddingTop: "$spacing$3",
-        paddingBottom: "$spacing$9",
+        py: "$spacing$5",
       }}
     >
       <Flex
@@ -41,6 +40,7 @@ export const AssetsShell = ({
         css={{
           flexDirection: "column",
           px: "$spacing$9",
+          overflow: "auto",
         }}
       >
         {children}