diff --git a/frontend/about.html b/frontend/about.html
index d04e380..b95a354 100644
--- a/frontend/about.html
+++ b/frontend/about.html
@@ -299,11 +299,12 @@
                             </a>
                         </div>
                         <div class="user-menu-item">
-                            <i class="fas fa-info-circle"></i>
-                            <a href="about.html" style="text-decoration: none; color: inherit;" data-i18n="nav.about">About</a>
+                            <a href="about.html" style="text-decoration: none; color: inherit;">
+                                <i class="fas fa-info-circle"></i> <span data-i18n="nav.about">About</span>
+                            </a>
                         </div>
                         <div class="user-menu-item" id="logoutMenuItem">
-                            <i class="fas fa-sign-out-alt"></i> <span data-i18n="auth.logout">Logout</span>
+                            <span><i class="fas fa-sign-out-alt"></i> <span data-i18n="auth.logout">Logout</span></span>
                         </div>
                     </div>
                 </div>
diff --git a/frontend/header-fix.css b/frontend/header-fix.css
index 8c96f11..d583f48 100644
--- a/frontend/header-fix.css
+++ b/frontend/header-fix.css
@@ -146,13 +146,17 @@ header .container {
 }
 
 .user-menu-item {
-    padding: 8px 15px !important;
     cursor: pointer !important;
     transition: background-color 0.3s !important;
     display: flex !important;
     align-items: center !important;
 }
 
+.user-menu-item > :first-child {
+    padding: 8px 15px !important;
+    width: 100% !important;
+}
+
 .user-menu-item:hover {
     background-color: rgba(0, 0, 0, 0.05) !important;
 }
diff --git a/frontend/index.html b/frontend/index.html
index 289f052..65c5536 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -139,11 +139,12 @@
                             </a>
                         </div>
                         <div class="user-menu-item">
-                            <i class="fas fa-info-circle"></i>
-                            <a href="about.html" style="text-decoration: none; color: inherit;" data-i18n="nav.about">About</a>
+                            <a href="about.html" style="text-decoration: none; color: inherit;">
+                                <i class="fas fa-info-circle"></i> <span data-i18n="nav.about">About</span>
+                            </a>
                         </div>
                         <div class="user-menu-item" id="logoutMenuItem">
-                            <i class="fas fa-sign-out-alt"></i> <span data-i18n="auth.logout">Logout</span>
+                            <span><i class="fas fa-sign-out-alt"></i> <span data-i18n="auth.logout">Logout</span></span>
                         </div>
                     </div>
                 </div>
diff --git a/frontend/mobile-header.css b/frontend/mobile-header.css
index 12d8c88..ebad78e 100644
--- a/frontend/mobile-header.css
+++ b/frontend/mobile-header.css
@@ -197,7 +197,6 @@
   }
 
   header .user-menu-item {
-    padding: 8px 15px !important;
     cursor: pointer !important;
     transition: background-color 0.3s !important;
     display: flex !important;
@@ -205,6 +204,11 @@
     color: var(--text-color) !important;
   }
 
+  header .user-menu-item > :first-child {
+    padding: 8px 15px !important;
+    width: 100% !important;
+  }
+
   header .user-menu-item:hover {
     background-color: rgba(0, 0, 0, 0.05) !important;
   }
@@ -1151,4 +1155,4 @@
     font-size: 0.75rem !important;
     padding: 2px 5px !important;
   }
-} 
\ No newline at end of file
+}
diff --git a/frontend/settings-new.html b/frontend/settings-new.html
index 8dc1eb1..b40f75e 100644
--- a/frontend/settings-new.html
+++ b/frontend/settings-new.html
@@ -131,11 +131,12 @@
                             </a>
                         </div>
                         <div class="user-menu-item">
-                            <i class="fas fa-info-circle"></i>
-                            <a href="about.html" style="text-decoration: none; color: inherit;" data-i18n="nav.about">About</a>
+                            <a href="about.html" style="text-decoration: none; color: inherit;">
+                                <i class="fas fa-info-circle"></i> <span data-i18n="nav.about">About</span>
+                            </a>
                         </div>
                         <div class="user-menu-item" id="logoutMenuItem">
-                            <i class="fas fa-sign-out-alt"></i> <span data-i18n="auth.logout">Logout</span>
+                            <span><i class="fas fa-sign-out-alt"></i> <span data-i18n="auth.logout">Logout</span></span>
                         </div>
                     </div>
                 </div>
diff --git a/frontend/status.html b/frontend/status.html
index 767a950..29ed438 100644
--- a/frontend/status.html
+++ b/frontend/status.html
@@ -344,11 +344,12 @@
                             </a>
                         </div>
                         <div class="user-menu-item">
-                            <i class="fas fa-info-circle"></i>
-                            <a href="about.html" style="text-decoration: none; color: inherit;" data-i18n="nav.about">About</a>
+                            <a href="about.html" style="text-decoration: none; color: inherit;">
+                                <i class="fas fa-info-circle"></i> <span data-i18n="nav.about">About</span>
+                            </a>
                         </div>
                         <div class="user-menu-item" id="logoutMenuItem">
-                            <i class="fas fa-sign-out-alt"></i> <span data-i18n="auth.logout">Logout</span>
+                            <span><i class="fas fa-sign-out-alt"></i> <span data-i18n="auth.logout">Logout</span></span>
                         </div>
                     </div>
                 </div>