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}