diff --git a/packages/ui/src/components/project-nav/index.tsx b/packages/ui/src/components/project-nav/index.tsx
index a638b8d..678a78b 100644
--- a/packages/ui/src/components/project-nav/index.tsx
+++ b/packages/ui/src/components/project-nav/index.tsx
@@ -52,7 +52,7 @@ export function ProjectNav({
   return (
     <div
       className={cn(
-        "sticky top-0 z-20 w-full border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/80 md:static md:z-auto md:shrink-0 md:overflow-hidden md:border-r md:border-b-0 md:bg-muted/20 md:backdrop-blur-0",
+        "sticky top-0 z-20 w-full border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/80 md:static md:z-auto md:flex md:min-h-0 md:shrink-0 md:flex-col md:overflow-hidden md:border-r md:border-b-0 md:bg-muted/20 md:backdrop-blur-0",
         widthClass,
       )}
     >
@@ -110,8 +110,8 @@ export function ProjectNav({
       </div>
 
       {/* Desktop: vertical sidebar */}
-      <div className="hidden overflow-hidden md:block">
-        <div className="border-b px-3 py-2">
+      <div className="hidden min-h-0 flex-1 flex-col overflow-hidden md:flex">
+        <div className="shrink-0 border-b px-3 py-2">
           <button
             className={cn(
               "flex w-full items-center justify-between rounded-md px-2 py-2 text-left text-sm transition-colors hover:bg-accent",
@@ -128,7 +128,7 @@ export function ProjectNav({
           </button>
         </div>
 
-        <div className="h-[calc(100%-49px)] overflow-y-auto">
+        <div className="min-h-0 flex-1 overflow-y-auto">
           <div className="space-y-1 p-2">
             {projects.length === 0 && (
               <p className="px-2 py-3 text-xs text-muted-foreground">