From ef1cb32c5122d35ce39d5f954ea551de8d800a34 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 28 Mar 2026 22:54:47 +0100
Subject: [PATCH] fix: consistent group header height prevents icon shift on
 toggle

---
 components/dashboard/Sidebar.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/dashboard/Sidebar.tsx b/components/dashboard/Sidebar.tsx
index f3747f4..9db9766 100644
--- a/components/dashboard/Sidebar.tsx
+++ b/components/dashboard/Sidebar.tsx
@@ -297,15 +297,15 @@ function SidebarContent({
         <nav className="flex-1 overflow-y-auto overflow-x-hidden px-2 space-y-4">
           {NAV_GROUPS.map((group) => (
             <div key={group.label}>
-              {c ? (
-                <div className="mx-3 my-2 border-t border-white/[0.04]" />
-              ) : (
-                <div className="h-5 flex items-center overflow-hidden">
+              <div className="h-5 flex items-center overflow-hidden">
+                {c ? (
+                  <div className="mx-1 w-full border-t border-white/[0.04]" />
+                ) : (
                   <p className="px-2.5 text-[11px] font-semibold text-neutral-400 dark:text-neutral-500 uppercase tracking-wider whitespace-nowrap">
                     {group.label}
                   </p>
-                </div>
-              )}
+                )}
+              </div>
               <div className="space-y-0.5">
                 {group.items.map((item) => (
                   <NavLink key={item.label} item={item} siteId={siteId} collapsed={c} onClick={isMobile ? onMobileClose : undefined} pendingHref={pendingHref} onNavigate={onNavigate} />