diff --git a/static/css/app.css b/static/css/app.css
index 405c399..03b83d7 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -958,7 +958,7 @@ a:hover {
         z-index: 100; /* Higher z-index */
         transform: translateX(-100%);
         transition: transform 0.3s ease-in-out;
-        background: var(--bg-primary);
+        background-color: var(--surface);
         box-shadow: var(--shadow-lg);
         overflow-y: auto;
     }