This is not working...

src/routes/events/[event_id]/+page.svelte

@@ -403,7 +403,7 @@ py-1 px-2 pb-16
 items-center
 min-w-full
 max-w-max -->
-<section
+<!-- <section
     class="
         ae_events_pres_mgmt_event
         md:container
@@ -416,7 +416,7 @@ max-w-max -->
         min-w-full
         max-w-max
         "
-    >
+    > -->
     <!-- lg:bg-green-100
     xl:bg-green-200 -->
 
@@ -691,7 +691,7 @@ max-w-max -->
 
 {/if}
 
-</section>
+<!-- </section> -->
 
 
 <style lang="postcss">

src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_tbl.svelte

@@ -124,7 +124,7 @@ $effect(() => {
 
 <section
 
-    class="ae_comp event_presenter_obj_tbl container {container_class_li}"
+    class="ae_comp event_presenter_obj_tbl {container_class_li}"
     >
 
 {#if $lq__event_presenter_obj_li && $lq__event_presenter_obj_li?.length}
@@ -132,7 +132,7 @@ $effect(() => {
 <div
     bind:this={horiz_check_element}
     id="tbl_container"
-    class="overflow-auto space-y-2"
+    class="space-y-2 pb-48"
     class:border-r-2={horiz_scroll_warning}
     class:border-dashed={horiz_scroll_warning}
     class:border-warning-900-100={horiz_scroll_warning}

src/routes/events/[event_id]/reports/+page.svelte

@@ -535,7 +535,7 @@ async function handle_qry__event_session(
 </svelte:head>
 
 
-<section
+<!-- <section
     class="
         ae_events_pres_mgmt_event
         flex flex-col gap-1
@@ -547,7 +547,7 @@ async function handle_qry__event_session(
         min-w-full
         max-w-max
         "
-    >
+    > -->
     <!-- lg:bg-green-100
     xl:bg-green-200 -->
 
@@ -1358,7 +1358,7 @@ async function handle_qry__event_session(
 
 {/if}
 
-</section>
+<!-- </section> -->
 
 
 <style lang="postcss">