diff --git a/templates/components/layout/enhanced_header.html b/templates/components/layout/enhanced_header.html
index c79f5b5b..35ad8ce6 100644
--- a/templates/components/layout/enhanced_header.html
+++ b/templates/components/layout/enhanced_header.html
@@ -180,8 +180,8 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
         @click="toggleTheme()"
         class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-12 w-12"
       >
-        <i class="fas fa-sun h-5 w-5 md:h-7 md:w-7 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"></i>
-        <i class="fas fa-moon absolute h-5 w-6 md:h-7 md:w-7 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"></i>
+        <i class="fas fa-sun h-5 w-5 md:h-7 md:w-7 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0 text-lg"></i>
+        <i class="fas fa-moon absolute h-5 w-5 md:h-7 md:w-7 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100 text-lg"></i>
         <span class="sr-only">Toggle theme</span>
       </button>
 
@@ -204,7 +204,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
               </div>
             {% endif %}
           {% else %}
-            <i class="fas fa-user h-6 w-6"></i>
+            <i class="fas fa-user h-5 w-5 text-lg"></i>
           {% endif %}
         </button>