From bc4de27b976595a83f0b443b0c8369e461a25c82 Mon Sep 17 00:00:00 2001
From: Sluijsens <bdslop@gmail.com>
Date: Fri, 31 Jul 2026 00:40:25 +0200
Subject: [PATCH] Fixes mobile sidebar collapsing to content height instead of
 filling the overlay

The aside had no explicit height, so it stretched to full height on
desktop only because its flex-row parent applies align-items:stretch.
In the mobile SidebarOverlay it sits in a plain (non-flex) h-full div,
so it shrank to fit its nav items, pushing settings/profile up under
the nav instead of staying pinned to the bottom.
---
 frontend/src/components/layout/Sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/layout/Sidebar.tsx b/frontend/src/components/layout/Sidebar.tsx
index e67ca3e..7f2a5d0 100644
--- a/frontend/src/components/layout/Sidebar.tsx
+++ b/frontend/src/components/layout/Sidebar.tsx
@@ -54,7 +54,7 @@ export function Sidebar({ onClose }: SidebarProps = {}) {
 
     return (
         <aside
-            className="flex w-64 shrink-0 flex-col border-r border-border bg-card"
+            className="flex h-full w-64 shrink-0 flex-col border-r border-border bg-card"
             data-testid="app-sidebar"
         >
             <div className="flex h-16 items-center justify-between border-b border-border px-6">