From 953d828cd96cd4072d6094a8a1e16d57c9534ea3 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Wed, 25 Mar 2026 16:39:53 +0100
Subject: [PATCH] fix: align collapse toggle with sidebar AppLauncher row
 (Dokploy-style)

---
 components/dashboard/DashboardShell.tsx | 6 +++---
 components/dashboard/Sidebar.tsx        | 1 -
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/dashboard/DashboardShell.tsx b/components/dashboard/DashboardShell.tsx
index 8432d82..6d091bb 100644
--- a/components/dashboard/DashboardShell.tsx
+++ b/components/dashboard/DashboardShell.tsx
@@ -38,11 +38,11 @@ function GlassTopBar({ siteId }: { siteId: string }) {
   }, [realtime])
 
   return (
-    <div className="hidden md:flex items-center justify-between h-10 shrink-0 px-3">
-      {/* Collapse toggle */}
+    <div className="hidden md:flex items-center justify-between shrink-0 px-3 pt-3 pb-1">
+      {/* Collapse toggle — mirrors sidebar AppLauncher row sizing for pixel alignment */}
       <button
         onClick={toggle}
-        className="flex items-center justify-center p-1.5 text-neutral-400 hover:text-white rounded-lg hover:bg-white/[0.06] transition-colors"
+        className="w-9 h-9 flex items-center justify-center text-neutral-400 hover:text-white rounded-lg hover:bg-white/[0.06] transition-colors"
         aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
       >
         <SidebarSimple className="w-[18px] h-[18px]" weight={collapsed ? 'regular' : 'fill'} />
diff --git a/components/dashboard/Sidebar.tsx b/components/dashboard/Sidebar.tsx
index fe7e5ac..f31d5b8 100644
--- a/components/dashboard/Sidebar.tsx
+++ b/components/dashboard/Sidebar.tsx
@@ -9,7 +9,6 @@ import { listSites, type Site } from '@/lib/api/sites'
 import { useAuth } from '@/lib/auth/context'
 import { useSettingsModal } from '@/lib/settings-modal-context'
 import { useSidebar } from '@/lib/sidebar-context'
-import { SidebarSimple } from '@phosphor-icons/react'
 // `,` shortcut handled globally by UnifiedSettingsModal
 import { getUserOrganizations, switchContext, type OrganizationMember } from '@/lib/api/organization'
 import { setSessionAction } from '@/app/actions/auth'