From b5c268d5d44ca88b3c05299bfb597d12ca9a7e6d Mon Sep 17 00:00:00 2001
From: istoutjesdijk <istoutjesdijk@gmail.com>
Date: Sun, 19 Jul 2026 00:38:16 +0200
Subject: [PATCH] Add background to the sticky layout header

The dashboard header is sticky (sticky top-0) but has no background, so page
content is visible through it while scrolling. Add bg-background so it stays
opaque.
---
 frontend/src/routes/_layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/routes/_layout.tsx b/frontend/src/routes/_layout.tsx
index 38d9f4672e..7bafdf725e 100644
--- a/frontend/src/routes/_layout.tsx
+++ b/frontend/src/routes/_layout.tsx
@@ -25,7 +25,7 @@ function Layout() {
     <SidebarProvider>
       <AppSidebar />
       <SidebarInset>
-        <header className="sticky top-0 z-10 flex h-16 shrink-0 items-center gap-2 border-b px-4">
+        <header className="sticky top-0 z-10 flex h-16 shrink-0 items-center gap-2 border-b bg-background px-4">
           <SidebarTrigger className="-ml-1 text-muted-foreground" />
         </header>
         <main className="flex-1 p-6 md:p-8">