diff --git a/src/components/banner.tsx b/src/components/banner.tsx
index 68e804f..e9e754b 100644
--- a/src/components/banner.tsx
+++ b/src/components/banner.tsx
@@ -17,7 +17,10 @@ export function Banner({
   return (
     <header
       {...props}
-      className={cn("h-12 flex flex-none items-center justify-center text-foreground", className)}
+      className={cn(
+        "h-12 flex items-center justify-center bg-muted text-foreground",
+        className
+      )}
     >
       <p className="flex justify-center text-sm">
         <a href={link} className="group">