diff --git a/src/styles/global.css b/src/styles/global.css
index acf1edd..52548e3 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -43,7 +43,7 @@ body {
 }
 
 mdui-navigation-bar {
-    background: transparent;
+    background: rgba(0, 0, 0, 10%);
     backdrop-filter: blur(5px);
 }
 
diff --git a/src/styles/topBar.css b/src/styles/topBar.css
index 6b684eb..a30320a 100644
--- a/src/styles/topBar.css
+++ b/src/styles/topBar.css
@@ -6,6 +6,7 @@ mdui-top-app-bar {
     box-shadow: none;
 
     @media (max-width: 1500px) {
+        background: rgba(0, 0, 0, 10%);
         backdrop-filter: blur(5px);
     }