diff --git a/src/routes/events/[event_id]/(launcher)/+layout.svelte b/src/routes/events/[event_id]/(launcher)/+layout.svelte
index 0e30b5b1..44429d0d 100644
--- a/src/routes/events/[event_id]/(launcher)/+layout.svelte
+++ b/src/routes/events/[event_id]/(launcher)/+layout.svelte
@@ -845,11 +845,12 @@ $: {
 
 
 <!-- Main modal -->
+ <!-- NOTE: The modal size is intentionally set to "". This makes it undefined and allows the modal to be as large as the content. -->
 <Modal
     title="{$events_sess.launcher?.modal__title}"
     bind:open={$events_sess.launcher.modal__open}
     autoclose={false}
-    size="xl"
+    size=""
     class="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y m-0"
     dialogClass="fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-0 flex"
     classHeader="px-1 py-0 md:px-1 md:py-0 absolute top-0 start-0 end-0 bg-gray-200 dark:bg-gray-800 opacity-50 hover:opacity-75"
@@ -897,7 +898,7 @@ $: {
     <img
         src="{$ae_api.base_url}/event/file/{$events_sess.launcher.modal__open}/download?filename={$events_slct.event_file_obj.filename}&x_no_account_id_token=direct-download"
         alt="Placeholder"
-        class="margin-auto max-h-full"
+        class="margin-auto max-h-full max-w-full"
         />
     <!-- </span> -->