diff --git a/src/components/Header.js b/src/components/Header.js
index ca2c066..8e30d72 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -26,7 +26,7 @@ export function Header(props) {
 
   }
   return (
-    <Navbar className="mb-3">
+    <Navbar className="mb-3 bg-dark" variant="dark">
       <Container>
         <Navbar.Brand>systie</Navbar.Brand>
         <Nav>