diff --git a/static/css/components/topbar.css b/static/css/components/topbar.css
index 3882316..ac58dd1 100644
--- a/static/css/components/topbar.css
+++ b/static/css/components/topbar.css
@@ -1,6 +1,6 @@
 /* Top bar styles */
 .top-bar {
-    background-color: var(--sidebar-bg);
+    background-color: var(--topbar-bg);
     color: white;
     padding: 0.5rem 1rem;
     display: grid;
@@ -89,4 +89,4 @@
 
 .user-menu-item#logoutButton:hover {
     background-color: rgba(244, 63, 63, 0.1);
-} 
\ No newline at end of file
+} 
diff --git a/static/css/root.css b/static/css/root.css
index 9958ff4..d36729e 100644
--- a/static/css/root.css
+++ b/static/css/root.css
@@ -2,7 +2,8 @@
     --primary-red: #f43f3f;
     --dark-bg: #1e1f26;
     --sidebar-bg: #2b2c33;
+    --topbar-bg: #333;
     --text-color: #ffffff;
     --text-muted: #9da2b3;
     --read-bg: #2d2e36;
-} 
\ No newline at end of file
+}