diff --git a/static/css/style.css b/static/css/style.css
index 6b78ec7..0490de9 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -40,7 +40,7 @@
     top: 0;
     left: 0;
     width: 100%;
-    background-color: var(--primary-background-color);
+    background-color: var(--secondary-background-color);
     padding: 10px;
 }
 #hamburger-menu-icon {
@@ -74,7 +74,7 @@
     left: 0;
     width: 60%;
     height: 100%;
-    background-color: var(--secondary-background-color);
+    background-color: var(--primary-background-color);
     padding: 10px;
     flex-direction: column;
     align-items: center;