diff --git a/apps/designer/app/designer/designer.tsx b/apps/designer/app/designer/designer.tsx
index ae52ba215b..abf7fc26cb 100644
--- a/apps/designer/app/designer/designer.tsx
+++ b/apps/designer/app/designer/designer.tsx
@@ -155,6 +155,7 @@ const SidePanel = ({
       css={{
         gridArea,
         display: "flex",
+        flexDirection: "column",
         px: 0,
         fg: 0,
         // Left sidebar tabs won't be able to pop out to the right if we set overflowX to auto.
diff --git a/apps/designer/app/designer/features/inspector/inspector.tsx b/apps/designer/app/designer/features/inspector/inspector.tsx
index b3289348a6..214026d12d 100644
--- a/apps/designer/app/designer/features/inspector/inspector.tsx
+++ b/apps/designer/app/designer/features/inspector/inspector.tsx
@@ -42,7 +42,14 @@ export const Inspector = ({ publish }: InspectorProps) => {
 
   return (
     <FloatingPanelProvider container={tabsRef}>
-      <Tabs defaultValue="style" ref={tabsRef}>
+      <Tabs
+        defaultValue="style"
+        ref={tabsRef}
+        css={{
+          // minHeight is required to get flex item height apply to this container
+          minHeight: 1,
+        }}
+      >
         <TabsList>
           <TabsTrigger value="style">
             <Text>Style</Text>