I think things are scrolling better. Other style clean up for dark mode.

src/lib/e_app_debug_menu.svelte

@@ -68,6 +68,7 @@ hover:opacity-100 -->
     class:w-full={expand}
     class:hidden={hide}
     class:border-transparent={!expand}
+    class:dark:border-transparent={!expand}
     class:hover:border-transparent={!expand}
     class:hover:bg-transparent={!expand}
     >
@@ -97,7 +98,7 @@ hover:opacity-100 -->
             <span>Debug</span>
         </div>
 
-        <pre>
+        <pre class="text-xs">
             {JSON.stringify($ae_loc, null, 2)}
         </pre>
 
@@ -199,8 +200,10 @@ hover:opacity-100 -->
         class="
             btn btn-icon
             text-xs
-            preset-filled-surface-50-950 preset-outlined-surface-100-900
-            hover:preset-tonal-warning
+            p-1
+            preset-outlined-surface-100-900
+            hover:preset-filled-warning-100-900
+
             transition-all
             fixed bottom-8 left-2
             text-neutral-300 hover:text-neutral-800

src/lib/e_app_sys_menu.svelte

@@ -102,7 +102,7 @@ max-w-max -->
 
         text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg
 
-        bg-blue-200/50
+        bg-blue-200/90
 
         border-2 rounded-lg
         border-blue-300/20 dark:border-blue-700/20
@@ -422,7 +422,7 @@ max-w-max -->
             preset-filled-tertiary-400-600
             preset-outlined-tertiary-400-600
             hover:preset-filled-success active:preset-filled-success
-            px-2 py-1
+            px-1 py-1
             min-w-22 md:min-w-30 w-full max-w-fit
             transition-all group
             "
@@ -463,15 +463,12 @@ max-w-max -->
         <!-- <span class=""> -->
         {#if expand}
             <CircleX class="m-1 inline-block" />
-            <span class="hidden group-hover:inline-block">
-                Menu
-            </span>
         {:else}
             <Menu class="m-1 inline-block" />
-            <span class="text-xs hidden group-hover:inline-block">
-                Menu
-            </span>
         {/if}
+        <span class="text-xs hidden group-hover:inline-block">
+            Menu
+        </span>
         <!-- </span> -->
     </button>
     <!-- </div> -->