diff --git a/apps/designer/app/designer/features/sidebar-left/panels/assets/assets.tsx b/apps/designer/app/designer/features/sidebar-left/panels/assets/assets.tsx
index e77c302921..1853398bf1 100644
--- a/apps/designer/app/designer/features/sidebar-left/panels/assets/assets.tsx
+++ b/apps/designer/app/designer/features/sidebar-left/panels/assets/assets.tsx
@@ -2,6 +2,7 @@ import { ImageIcon } from "@webstudio-is/icons";
 import { ImageManager } from "~/designer/shared/image-manager";
 import { TabName } from "../../types";
 import { Header, CloseButton } from "../../lib/header";
+import { Flex } from "@webstudio-is/design-system";
 
 export const TabContent = ({
   onSetActiveTab,
@@ -9,13 +10,13 @@ export const TabContent = ({
   onSetActiveTab: (tabName: TabName) => void;
 }) => {
   return (
-    <>
+    <Flex direction="column" css={{ height: "100%" }}>
       <Header
         title="Assets"
         suffix={<CloseButton onClick={() => onSetActiveTab("none")} />}
       />
       <ImageManager />
-    </>
+    </Flex>
   );
 };
 
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 601317c381..c5673df631 100644
--- a/apps/designer/app/designer/features/sidebar-left/sidebar-left.tsx
+++ b/apps/designer/app/designer/features/sidebar-left/sidebar-left.tsx
@@ -72,8 +72,6 @@ export const SidebarLeft = ({ publish }: SidebarLeftProps) => {
               dragAndDropState.isDragging && dragAndDropState.origin === "panel"
                 ? "hidden"
                 : "visible",
-            display: "flex",
-            flexDirection: "column",
           }}
         >
           <TabContent publish={publish} onSetActiveTab={setActiveTab} />