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 (
-