diff --git a/src/lib/e_app_sys_menu.svelte b/src/lib/e_app_sys_menu.svelte
index d2847516..1e8e9860 100644
--- a/src/lib/e_app_sys_menu.svelte
+++ b/src/lib/e_app_sys_menu.svelte
@@ -107,7 +107,7 @@ max-w-max -->
         hover:bg-blue-200/90 hover:dark:bg-blue-900/90
         active:bg-blue-200 active:dark:bg-blue-900
 
-        border-2
+        border-2 rounded-lg
         border-blue-300/20 dark:border-blue-700/20
         hover:border-blue-500/20 hover:dark:border-blue-500/20
 
@@ -125,11 +125,9 @@ max-w-max -->
     >
 
 <!-- class:hidden={!expand} -->
+<!-- class:preset-filled-warning-100-900={expand} -->
 <div
-    class:preset-filled-warning-100-900={expand}
-
-    class:border-green-200={$ae_loc?.expand}
-    class:dark:border-green-800={$ae_loc?.expand}
+    class:opacity-100={expand}
     class="
         hidden-print
         flex flex-col items-end justify-end
@@ -140,13 +138,13 @@ max-w-max -->
 
         w-full
 
-        bg-white/80
-        hover:bg-red-100/90 active:bg-red-200 focus:bg-red-300
+        bg-gray-500/75
+        hover:bg-blue-100/90 active:bg-blue-200 focus:bg-blue-300
         dark:dark-gray-800/80 dark:hover:bg-gray-800/90
 
         relative
 
-        opacity-70
+        opacity-80
         hover:opacity-100
 
         transition-all