diff --git a/apps/src/components/layout/sidebar.tsx b/apps/src/components/layout/sidebar.tsx index 0eefc3ff1..0618fb1f7 100644 --- a/apps/src/components/layout/sidebar.tsx +++ b/apps/src/components/layout/sidebar.tsx @@ -227,7 +227,7 @@ export function Sidebar() { />
@@ -238,8 +238,8 @@ export function Sidebar() { title={brandTitle} aria-label={brandTitle} className={cn( - "flex h-auto w-full items-center gap-2.5 overflow-hidden rounded-md px-0 py-1.5 transition-colors hover:bg-primary/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40", - isSidebarOpen ? "justify-start text-left" : "justify-center" + "flex h-auto w-full items-center gap-2.5 overflow-hidden rounded-md py-1.5 transition-colors hover:bg-primary/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40", + isSidebarOpen ? "justify-start px-2 text-left" : "justify-center px-0" )} >
diff --git a/apps/tests/sidebar-performance.test.mjs b/apps/tests/sidebar-performance.test.mjs index 42c9c76f2..a45872e77 100644 --- a/apps/tests/sidebar-performance.test.mjs +++ b/apps/tests/sidebar-performance.test.mjs @@ -160,7 +160,7 @@ test("wide but short windows keep the complete sidebar discoverable", async () = assert.match(source, /min-h-8[\s\S]*xl:min-h-9/); assert.match(source, /min-h-0 flex-1 overflow-y-auto overscroll-contain py-2/); - assert.match(source, /flex h-\[50px\] shrink-0 items-center/); + assert.match(source, /flex h-16 shrink-0 items-center/); }); test("page fallback stays aligned with both sidebar widths", async () => {