diff --git a/web-client/components/Header.tsx b/web-client/components/Header.tsx
index 6228049..ba2e8e1 100644
--- a/web-client/components/Header.tsx
+++ b/web-client/components/Header.tsx
@@ -26,7 +26,7 @@ const AppBar = styled(MuiAppBar, {
 
 function Header() {
   return (
-    <AppBar position="absolute" open>
+    <AppBar sx={{ bgcolor: "black" }} position="absolute" open>
       <Toolbar
         sx={{
           pr: "24px",