diff --git a/src/routes/idaa/(idaa)/archives/+page.svelte b/src/routes/idaa/(idaa)/archives/+page.svelte
index b1e1dc34..cbc143d8 100644
--- a/src/routes/idaa/(idaa)/archives/+page.svelte
+++ b/src/routes/idaa/(idaa)/archives/+page.svelte
@@ -133,11 +133,12 @@ function add_activity_log(
 
 <section
     class="
-        ae_idaa__bb
+        ae_idaa__archives
         container h-full mx-auto
         flex flex-col gap-1
-        py-1 px-2 pb-16
         items-center
+        justify_center
+        py-1 px-2 pb-16
         min-w-full
         max-w-max
         "
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte b/src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte
index 76889b2e..6bdb7940 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte
@@ -171,13 +171,16 @@ if (browser) {
 
 <section
     class="
-        ae_idaa__bb
-        container h-full mx-auto
+        ae_idaa__archives
+        h-full mx-auto
         flex flex-col gap-1
         py-1 px-2 pb-16
         items-center
+        justify-center
         min-w-full
         max-w-max
+        text-center
+        outline
         "
     >
 
@@ -197,14 +200,10 @@ if (browser) {
     lq__archive_content_obj_li={lq__archive_content_obj_li}
     />
 
-<!-- {#if $lq__archive_content_obj_li && $lq__archive_content_obj_li?.length } -->
-    <Archive_content_obj_li
-        lq__archive_content_obj_li={lq__archive_content_obj_li}
-        />
-<!-- {:else} -->
-    <!-- <p>No archive content available to show.</p> -->
-<!-- {/if} -->
 
+<Archive_content_obj_li
+    lq__archive_content_obj_li={lq__archive_content_obj_li}
+    />
 
 </section>
 
@@ -310,8 +309,38 @@ if (browser) {
 
 
 <!-- Modal: Archive Content ID media player -->
-{#if $idaa_slct.archive_content_id && $idaa_sess.archives.show__modal_view__archive_content_id}
+<!-- {#if $idaa_slct.archive_content_id && $idaa_sess.archives.show__modal_view__archive_content_id} -->
+
+<!-- <Modal
+    bind:open={$idaa_sess.archives.show__modal_view__archive_content_id}
+    title="{$lq__archive_content_obj?.name} - {$lq__archive_content_obj?.archive_content_id}"
+    autoclose={true}
+    onclose={() => {
+        // We want to cancel the inline edit if the modal is closed
+        // $idaa_sess.archives.show__inline_edit__archive_content_id = false;
+    }}
+    outsideclose={true}
+    placement="top-center"
+    size="xl"
+    class=""
+    >
+
+    {#snippet header()}
+
+            <div class="flex flex-row items-center justify-between w-full">
+                <h3 class="text-lg font-semibold">
+                <span class="text-sm text-gray-500">
+                    Viewing:
+                </span>
+                {$idaa_slct.archive_content_obj?.name} - {$lq__archive_content_obj?.archive_content_id}</h3>
+            </div>
+
+
+    {/snippet} -->
+
     <Modal_media_player
         lq__archive_content_obj={lq__archive_content_obj}
         />
-{/if}
+
+<!-- </Modal> -->
+<!-- {/if} -->
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_view.svelte b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_view.svelte
index 02d893bd..0a07b01b 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_view.svelte
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__archive_obj_id_view.svelte
@@ -24,7 +24,7 @@ let { log_lvl = 0, lq__archive_obj, lq__archive_content_obj_li }: Props = $props
 </script>
 
 
-<section class="svelte_component ae_section ae_view archive_obj view__archive_obj bg-white rounded-lg p-2 m-2" bind:clientHeight={$ae_loc.iframe_height_modal_body}>
+<div class="svelte_component ae_section ae_view archive_obj view__archive_obj flex flex-col flex-wrap gap-2 items-center justify-center bg-white rounded-lg m-2" bind:clientHeight={$ae_loc.iframe_height_modal_body}>
 
 <header class="ae_header archive__header">
     <h2 class="archive__name h3">
@@ -40,7 +40,7 @@ let { log_lvl = 0, lq__archive_obj, lq__archive_content_obj_li }: Props = $props
     </h2>
 </header>
 
-<section class="archive__content max-w-xl">
+<div class="archive__content w-2xl">
     {#if $lq__archive_obj?.description}<div class="ae_value archive__description">{@html $lq__archive_obj?.description}</div>{/if}
     {#if $lq__archive_obj?.content_html}<div class="ae_value">{@html $lq__archive_obj?.content_html}</div>{/if}
     {#if $lq__archive_obj?.original_url}
@@ -65,9 +65,9 @@ let { log_lvl = 0, lq__archive_obj, lq__archive_content_obj_li }: Props = $props
             <span class="ae_value font-semibold">{$lq__archive_obj?.original_location}</span>
         </div>
     {/if}
-</section>
+</div>
 
-<section
+<div
     class="ae_meta archive__meta mt-2 flex flex-col gap-2 items-center justify-center"
     class:hidden={!$ae_loc.trusted_access}
     >
@@ -173,7 +173,7 @@ let { log_lvl = 0, lq__archive_obj, lq__archive_content_obj_li }: Props = $props
                         //     log_lvl: log_lvl
                         // });
                     }}
-                    class="novi_btn btn_show_bb_post ae_btn btn btn-warning btn-sm preset-tonal-secondary border border-secondary-500"
+                    class="novi_btn btn_show_archive_content ae_btn btn btn-warning btn-sm preset-tonal-secondary border border-secondary-500"
                     >
                     <span class="fas fa-eye m-1"></span> Show Disabled Events
                 </button>
@@ -257,6 +257,6 @@ let { log_lvl = 0, lq__archive_obj, lq__archive_content_obj_li }: Props = $props
     {/if}
 
 
-</section>
+</div>
 
-</section>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__modal_media_player.svelte b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__modal_media_player.svelte
index 075b2bf7..1298356b 100644
--- a/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__modal_media_player.svelte
+++ b/src/routes/idaa/(idaa)/archives/[archive_id]/ae_idaa_comp__modal_media_player.svelte
@@ -28,9 +28,9 @@ if (log_lvl) {
 </script>
 
 
+<!-- title="{$lq__archive_content_obj?.name} - {$lq__archive_content_obj?.archive_content_id}" -->
 <Modal
     bind:open={$idaa_sess.archives.show__modal_view__archive_content_id}
-    title="{$lq__archive_content_obj?.name} - {$lq__archive_content_obj?.archive_content_id}"
     autoclose={true}
     onclose={() => {
         // We want to cancel the inline edit if the modal is closed
@@ -45,13 +45,24 @@ if (log_lvl) {
     {#snippet header()}
 
             <div class="flex flex-row items-center justify-between w-full">
-                <h3 class="text-lg font-semibold">
-                <span class="text-sm text-gray-500">
+                <h3 class="text-base font-semibold">
+                <!-- <span class="text-sm text-gray-500">
                     Viewing:
-                </span>
+                </span> -->
                 {$idaa_slct.archive_content_obj?.name} - {$lq__archive_content_obj?.archive_content_id}</h3>
             </div>
 
+            <button
+                type="button"
+                class="btn btn-sm btn-secondary absolute top-2 right-2"
+                onclick={() => {
+                    $idaa_sess.archives.show__modal_view__archive_content_id = false;
+                }}
+                >
+                <span class="fas fa-times"></span>
+                Close
+            </button>
+
 
     {/snippet}
 
@@ -59,4 +70,17 @@ if (log_lvl) {
         lq__archive_content_obj={lq__archive_content_obj}
         />
 
+    {#snippet footer()}
+        <button
+            type="button"
+            class="btn btn-sm btn-secondary"
+            onclick={() => {
+                $idaa_sess.archives.show__modal_view__archive_content_id = false;
+            }}
+            >
+            <span class="fas fa-times"></span>
+            Close
+        </button>
+    {/snippet}
+
 </Modal>
\ No newline at end of file