From bfc3bb2fc2cc813f5bb0176484991da8a60d1060 Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Tue, 17 Mar 2026 16:51:33 +0100
Subject: [PATCH] fix layout height with banners

---
 .../components/layouts/NavigationV2/AppSidebarV2.tsx |  2 +-
 .../layouts/NavigationV2/DefaultLayoutV2.tsx         | 12 ++++++------
 packages/ui/src/components/shadcn/ui/sidebar.tsx     |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/studio/components/layouts/NavigationV2/AppSidebarV2.tsx b/apps/studio/components/layouts/NavigationV2/AppSidebarV2.tsx
index ef22b02a0c7..752bf7ccab0 100644
--- a/apps/studio/components/layouts/NavigationV2/AppSidebarV2.tsx
+++ b/apps/studio/components/layouts/NavigationV2/AppSidebarV2.tsx
@@ -281,7 +281,7 @@ export function AppSidebarV2({ scope }: AppSidebarV2Props = {}) {
 
   return (
     <>
-      <Sidebar collapsible="none" className="h-full min-h-0 w-full border-r border-default group">
+      <Sidebar collapsible="none" className="h-full w-full border-r border-default group">
         <SidebarHeader className="gap-2 pt-4">
           <div className="space-y-2">
             {isProjectScope ? <ProjectBranchSelector /> : IS_PLATFORM ? <OrgSelector /> : null}
diff --git a/apps/studio/components/layouts/NavigationV2/DefaultLayoutV2.tsx b/apps/studio/components/layouts/NavigationV2/DefaultLayoutV2.tsx
index b13e111306a..66f82eec145 100644
--- a/apps/studio/components/layouts/NavigationV2/DefaultLayoutV2.tsx
+++ b/apps/studio/components/layouts/NavigationV2/DefaultLayoutV2.tsx
@@ -17,9 +17,9 @@ export interface DefaultLayoutV2Props {
   headerTitle?: string
 }
 
-const contentMaxSizePercentage = 70
-const leftSidebarMinSize = 220
+const leftSidebarMinSize = 180
 const leftSidebarMaxSize = 450
+const leftSidebarDefaultSize = '250px'
 
 /**
  * New three-column layout for the dashboard (V2 navigation).
@@ -45,7 +45,7 @@ export const DefaultLayoutV2 = ({ children }: PropsWithChildren<DefaultLayoutV2P
       <LayoutSidebarProvider>
         <MobileSheetProvider>
           <BannerStackProvider>
-            <div className="flex h-screen w-screen flex-col overflow-hidden">
+            <div className="flex h-dvh w-screen flex-col overflow-hidden">
               <AppBannerWrapper />
               <RightRailLayout>
                 <SidebarProvider defaultOpen={true} className="h-full min-h-0 overflow-hidden">
@@ -59,7 +59,7 @@ export const DefaultLayoutV2 = ({ children }: PropsWithChildren<DefaultLayoutV2P
                         id="panel-v2-left-sidebar"
                         minSize={leftSidebarMinSize}
                         maxSize={leftSidebarMaxSize}
-                        defaultSize={`${contentMaxSizePercentage}`}
+                        defaultSize={leftSidebarDefaultSize}
                         className="h-full min-h-0 overflow-hidden"
                       >
                         <AppSidebarV2 scope={scope} />
@@ -67,9 +67,9 @@ export const DefaultLayoutV2 = ({ children }: PropsWithChildren<DefaultLayoutV2P
                       <ResizableHandle withHandle className="hidden md:flex bg-background" />
                       <ResizablePanel
                         id="panel-v2-main-content"
-                        minSize={`${100 - contentMaxSizePercentage}`}
+                        // minSize={`${100 - contentMaxSizePercentage}`}
                         // maxSize={`${100 - contentMinSizePercentage}`}
-                        defaultSize={`${100 - contentMaxSizePercentage}`}
+                        // defaultSize={`${100 - contentMaxSizePercentage}`}
                         className="h-full min-h-0 min-w-0 overflow-hidden"
                       >
                         <div className="flex h-full min-h-0 flex-1 overflow-hidden">{children}</div>
diff --git a/packages/ui/src/components/shadcn/ui/sidebar.tsx b/packages/ui/src/components/shadcn/ui/sidebar.tsx
index e9af2a756f3..e0cab842eec 100644
--- a/packages/ui/src/components/shadcn/ui/sidebar.tsx
+++ b/packages/ui/src/components/shadcn/ui/sidebar.tsx
@@ -131,7 +131,7 @@ const SidebarProvider = React.forwardRef<
               } as React.CSSProperties
             }
             className={cn(
-              'group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar',
+              'group/sidebar-wrapper flex min-h-full w-full has-[[data-variant=inset]]:bg-sidebar',
               className
             )}
             ref={ref}