diff --git a/hypha/templates/includes/user_menu.html b/hypha/templates/includes/user_menu.html
index d135f7df9ea7b7cd3f2a572dbf3f830ad9992121..3c8951a621a993ae01e1952c820d385e452f1a9e 100644
--- a/hypha/templates/includes/user_menu.html
+++ b/hypha/templates/includes/user_menu.html
@@ -4,11 +4,11 @@
     <div x-data="{ show: false }" x-on:keydown.escape="show = false" class="relative flex">
         <button
             x-on:click="show = ! show"
-            class="font-bold flex items-center transition-all rounded-sm px-1.5 bg-gray-100"
+            class="font-bold flex items-center transition-all rounded-sm px-1.5 group"
             type="button"
-            :class="show ? 'bg-gray-900 text-white' : 'hover:bg-light-blue/30'"
+            :class="show ? 'bg-gray-900 text-white' : 'hover:bg-slate-200'"
         >
-            {% heroicon_micro "user-circle" class="inline align-text-bottom w-8 h-8 md:me-1" aria_hidden=true %}
+            {% heroicon_micro "user-circle" class="inline group-hover:scale-110 transition-transform align-text-bottom w-8 h-8 md:me-1" aria_hidden=true %}
             <span class="hidden md:inline-block truncate max-w-36">{{ request.user }}</span>
         </button>