diff --git a/apps/ui/src/components/layout/sidebar/components/sidebar-navigation.tsx b/apps/ui/src/components/layout/sidebar/components/sidebar-navigation.tsx
index f1671a78..d95f0c3a 100644
--- a/apps/ui/src/components/layout/sidebar/components/sidebar-navigation.tsx
+++ b/apps/ui/src/components/layout/sidebar/components/sidebar-navigation.tsx
@@ -41,7 +41,13 @@ export function SidebarNavigation({
)}
- {section.label && !sidebarOpen &&
}
+ {/* Separator for sections without label (visual separation) */}
+ {!section.label && sectionIdx > 0 && sidebarOpen && (
+
+ )}
+ {(section.label || sectionIdx > 0) && !sidebarOpen && (
+
+ )}
{/* Nav Items */}
diff --git a/apps/ui/src/components/layout/sidebar/hooks/use-navigation.ts b/apps/ui/src/components/layout/sidebar/hooks/use-navigation.ts
index cb1399c1..79462ab7 100644
--- a/apps/ui/src/components/layout/sidebar/hooks/use-navigation.ts
+++ b/apps/ui/src/components/layout/sidebar/hooks/use-navigation.ts
@@ -168,14 +168,6 @@ export function useNavigation({
});
}
- // Add Project Settings to Project section
- projectItems.push({
- id: 'project-settings',
- label: 'Settings',
- icon: Settings,
- shortcut: shortcuts.projectSettings,
- });
-
const sections: NavSection[] = [
{
label: 'Project',
@@ -209,6 +201,19 @@ export function useNavigation({
});
}
+ // Add Project Settings as a standalone section (no label for visual separation)
+ sections.push({
+ label: '',
+ items: [
+ {
+ id: 'project-settings',
+ label: 'Project Settings',
+ icon: Settings,
+ shortcut: shortcuts.projectSettings,
+ },
+ ],
+ });
+
return sections;
}, [
shortcuts,