diff --git a/package.json b/package.json
index 7478440d..2fc4d6a4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "osit-aether-app-svelte",
-  "version": "3.9.2",
+  "version": "3.9.3",
   "description": "One Sky IT's Aether App created with Svelte, SvelteKit, Tailwind CSS, Lucide, Font Awesome, and Skeleton UI. -Scott Idem",
   "homepage": "https://oneskyit.com/",
   "private": true,
diff --git a/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte b/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
index efc3fafb..13d6b8e1 100644
--- a/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
+++ b/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
@@ -1217,17 +1217,17 @@ $effect(() => {
     placement="top-center"
     size=""
     class="
-        bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200
+        bg-gray-500/90 dark:bg-gray-800/90 text-gray-800 dark:text-gray-200
         rounded-lg border-gray-200 dark:border-gray-700
         divide-y divide-gray-200 dark:divide-gray-700 shadow-md
         relative
-        flex flex-col
+        flex flex-col items-center justify-center
         {$events_loc.launcher.controller == 'remote' ? 'min-h-full' : ''}
         min-w-full
         "
-    bodyClass='p-0 overflow-y-auto overscroll-contain'
+    bodyClass='p-0 space-y-0 overflow-y-auto flex flex-col gap-1 items-center justify-center'
     headerClass={`fixed top-0 right-0 left-0 p-1 md:p-2 flex flex-row items-center ${$events_loc.launcher.controller == 'remote' ? 'hidden' : ''} bg-white dark:bg-gray-800 opacity-50 ${$events_loc.launcher.hide__modal_header_title ? 'justify-center' : 'justify-between'}`}
-    footerClass='text-center'
+    footerClass='text-center hidden'
     onclose={async () => {
         $events_sess.launcher.modal__open_event_file_id = null;
         if ($events_loc.launcher.controller == 'local_push' && $events_sess.launcher.ws_connect_status == 'connected') {
@@ -1289,6 +1289,7 @@ $effect(() => {
             m-1 p-1
             btn btn-sm
             preset-tonal-error preset-outlined-error hover:preset-filled-success-200-800
+            opacity-80 hover:opacity-100 active:opactiy-100
             transition-all
             "
         class:hidden={$events_loc.launcher.controller != 'local_push' || $events_sess.launcher.ws_connect_status != 'connected'}
@@ -1305,7 +1306,7 @@ $effect(() => {
     <img
         src="{$ae_api.base_url}/event/file/{$events_sess.launcher.modal__open_event_file_id}/download?filename={$events_slct.event_file_obj.filename}&x_no_account_id_token=direct-download"
         alt="Placeholder: /event/file/{$events_sess.launcher.modal__open_event_file_id}/download?filename={$events_slct.event_file_obj.filename}&x_no_account_id_token=direct-download"
-        class="margin-auto min-h-28 max-h-full max-w-full"
+        class="min-h-28 min-w-md max-h-full max-w-full"
         />
     {:else}
     <div class="flex flex-row items-center justify-center p-4">
@@ -1329,6 +1330,7 @@ $effect(() => {
             m-1 p-1
             btn btn-sm
             preset-tonal-error preset-outlined-error hover:preset-filled-success-200-800
+            opacity-80 hover:opacity-100 active:opactiy-100
             transition-all
             "
         class:hidden={$events_loc.launcher.controller != 'local_push' || $events_sess.launcher.ws_connect_status != 'connected'}
@@ -1353,6 +1355,7 @@ $effect(() => {
             m-1 p-1
             btn btn-sm
             preset-tonal-success preset-outlined-success hover:preset-filled-success-200-800
+            opacity-80 hover:opacity-100 active:opactiy-100
             transition-all
             "
         class:hidden={!$ae_loc.trusted_access && ($events_loc.launcher.controller != 'local_push' || $events_sess.launcher.ws_connect_status != 'connected')}