diff --git a/src/components/layout/top-bar.tsx b/src/components/layout/top-bar.tsx index 6a06826..ed5381b 100644 --- a/src/components/layout/top-bar.tsx +++ b/src/components/layout/top-bar.tsx @@ -7,6 +7,7 @@ import { useRouter } from "next/navigation" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { ProfileAvatar } from "@/components/ui/profile-avatar" import { logoutUser } from "@/lib/supabase/auth" +import { cn } from "@/lib/utils" import { DropdownMenu, DropdownMenuContent, @@ -253,17 +254,21 @@ export function TopBar() { className="w-56 font-sans" onCloseAutoFocus={(e) => e.preventDefault()} > - {userProjects.map((project) => { - const isSelected = selectedProject?.project_id === project.project_id - return ( - - ) - })} + {/* Scrollable project list — capped at three rows (3 × 32px) so the + separator and "Add new" below always stay visible. */} +
+ {userProjects.map((project) => { + const isSelected = selectedProject?.project_id === project.project_id + return ( + + ) + })} +