diff --git a/css/components/nav/mobile.css b/css/components/nav/mobile.css
index 844eafe..20a25bc 100644
--- a/css/components/nav/mobile.css
+++ b/css/components/nav/mobile.css
@@ -133,12 +133,15 @@
     .user-menu-dropdown {
         position: fixed;
         top: 55px;
-        right: var(--spacing-sm);
-        left: var(--spacing-sm);
+        right: 0;
+        left: 0;
+        width: 100%;
+        max-width: 100%;
         background: var(--surface);
-        border-radius: var(--border-radius);
+        border-radius: 0;
         box-shadow: var(--card-shadow);
         z-index: 1000;
+        overflow-x: hidden;
     }
 
     /* Adjust search and controls area */
diff --git a/css/components/nav/user-menu-dropdown.css b/css/components/nav/user-menu-dropdown.css
index 7f6c628..3acdb8c 100644
--- a/css/components/nav/user-menu-dropdown.css
+++ b/css/components/nav/user-menu-dropdown.css
@@ -25,9 +25,9 @@
     border: 1px solid var(--border);
     border-radius: var(--border-radius-lg);
     box-shadow: var(--card-shadow);
-    width: 320px !important;
-    min-width: 320px !important;
-    max-width: calc(100vw - 32px) !important;
+    width: 320px;
+    min-width: 320px;
+    max-width: calc(100vw - 32px);
     display: none;
     z-index: 101;
     flex-shrink: 0;
diff --git a/css/components/nav/user-menu-responsive.css b/css/components/nav/user-menu-responsive.css
index 45b7779..89e47c2 100644
--- a/css/components/nav/user-menu-responsive.css
+++ b/css/components/nav/user-menu-responsive.css
@@ -11,8 +11,9 @@
     }
 
     .user-menu-dropdown {
-        width: calc(100vw - 32px) !important;
-        min-width: auto !important;
-        right: -8px;
+        width: 100% !important;
+        min-width: 100% !important;
+        right: 0;
+        left: 0;
     }
 }