diff --git a/src/components/layout/navbar.tsx b/src/components/layout/navbar.tsx
index 6244887..ce2f994 100644
--- a/src/components/layout/navbar.tsx
+++ b/src/components/layout/navbar.tsx
@@ -21,8 +21,9 @@ export function Navbar(): JSX.Element {
         justifyContent: 'space-between',
         alignItems: 'center',
         p: 2,
-        backgroundColor: 'rgba(0, 0, 0, 0.1)',
+        backgroundColor: 'rgb(8, 13, 23)',
         height: '75px',
+        zIndex: 100,
       }}
     >
       <Link