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 () => {