diff --git a/src/app/core/components/navigation/navigation.component.html b/src/app/core/components/navigation/navigation.component.html
index ce01861..aa4ab49 100644
--- a/src/app/core/components/navigation/navigation.component.html
+++ b/src/app/core/components/navigation/navigation.component.html
@@ -26,7 +26,7 @@
     </div>
 
     <!-- User dropdown -->
-    <div class="z-50 hidden my-4 text-base list-none divide-y divide-skin-primary rounded-lg shadow-sm shadow-skin-primary bg-skin-secondary" id="user-dropdown">
+    <div class="z-50 hidden my-4 text-base list-none divide-y divide-skin-primary rounded-lg shadow-sm shadow-skin-primary bg-skin-primary" id="user-dropdown">
       <div class="px-4 py-3">
         <span class="block text-sm text-skin-accent font-bold">{{state?.username}}</span>
         <span class="block text-sm text-skin-primary-muted truncate">{{state?.roleIdentifier}}</span>