components/dashboard/Sidebar.tsx

@@ -382,21 +382,27 @@ export default function Sidebar({
         {/* Bottom — utility items */}
         <div className="border-t border-neutral-200/60 dark:border-neutral-800/60 px-2 py-3 shrink-0">
           {/* Theme, Notifications, Profile */}
-          <div className="flex items-center justify-center gap-1 mb-1">
+          <div className="flex flex-col items-center gap-0.5 mb-1">
-            <ThemeToggle />
+            <div className="flex items-center justify-center w-full rounded-lg px-2.5 py-2">
-            <NotificationCenter anchor="right" />
+              <ThemeToggle />
-            <UserMenu
+            </div>
-              auth={auth}
+            <div className="flex items-center justify-center w-full rounded-lg px-2.5 py-2">
-              LinkComponent={Link}
+              <NotificationCenter anchor="right" />
-              orgs={orgs}
+            </div>
-              activeOrgId={auth.user?.org_id}
+            <div className="flex items-center justify-center w-full rounded-lg px-2.5 py-2">
-              onSwitchOrganization={handleSwitchOrganization}
+              <UserMenu
-              onCreateOrganization={() => router.push('/onboarding')}
+                auth={auth}
-              allowPersonalOrganization={false}
+                LinkComponent={Link}
-              onOpenSettings={openSettings}
+                orgs={orgs}
-              compact
+                activeOrgId={auth.user?.org_id}
-              anchor="right"
+                onSwitchOrganization={handleSwitchOrganization}
-            />
+                onCreateOrganization={() => router.push('/onboarding')}
+                allowPersonalOrganization={false}
+                onOpenSettings={openSettings}
+                compact
+                anchor="right"
+              />
+            </div>
           </div>
 
           {/* Settings + Collapse */}