diff --git a/frontend/src/components/layout/Header.tsx b/frontend/src/components/layout/Header.tsx
index 830f3e3..3b7d402 100644
--- a/frontend/src/components/layout/Header.tsx
+++ b/frontend/src/components/layout/Header.tsx
@@ -33,7 +33,7 @@ export function Header() {
   ];
 
   return (
-    <header className="sticky top-0 z-50 bg-background border-b-4 border-foreground">
+    <header className="sticky top-0 z-50 border-b-4 border-foreground bg-[hsl(var(--background))]">
       <div className="border-b-2 border-foreground/20">
         <div className="container mx-auto max-w-6xl px-4">
           <div className="flex items-center justify-between py-2">