diff --git a/src/lib/e_app_debug_menu.svelte b/src/lib/e_app_debug_menu.svelte
index dc803f68..0fbe019d 100644
--- a/src/lib/e_app_debug_menu.svelte
+++ b/src/lib/e_app_debug_menu.svelte
@@ -180,7 +180,3 @@ hover:opacity-100 -->
     </button>
 
 </section>
-
-
-<style lang="css">
-</style>
diff --git a/src/lib/e_app_theme.svelte b/src/lib/e_app_theme.svelte
index a7ff2885..47c32007 100644
--- a/src/lib/e_app_theme.svelte
+++ b/src/lib/e_app_theme.svelte
@@ -152,4 +152,4 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
 </select>
 </div>
 
-</section>
\ No newline at end of file
+</section>
diff --git a/src/routes/events/[event_id]/presenter/[presenter_id]/presenter_view.svelte b/src/routes/events/[event_id]/presenter/[presenter_id]/presenter_view.svelte
index 01037129..e854897b 100644
--- a/src/routes/events/[event_id]/presenter/[presenter_id]/presenter_view.svelte
+++ b/src/routes/events/[event_id]/presenter/[presenter_id]/presenter_view.svelte
@@ -312,17 +312,17 @@ $: if ($lq__event_presenter_obj) {
 </h3>
 
 <section class="p-2">
-<h3 class="h4">
-    <span class="text-base">
+<h3 class="h6 text-lg/6">
+    <span class="text-sm text-surface-800-200">
         Session:
     </span>
     <a
         href="/events/{$lq__event_presenter_obj?.event_id}/session/{$lq__event_presenter_obj?.event_session_id}"
         class="text-blue-500 hover:text-blue-800 hover:underline"
         title="ID: {$lq__event_presentation_obj?.event_session_id}"
-        >{$lq__event_presenter_obj?.event_session_name}</a>
+        >"{$lq__event_presenter_obj?.event_session_name}"</a>
 </h3>
-<h3 class="h4">
+<h3 class="h6 text-lg/6">
     <Element_ae_crud
         api_cfg={$ae_api}
         object_type={'event_presentation'}
@@ -341,8 +341,8 @@ $: if ($lq__event_presenter_obj) {
             events_func.load_ae_obj_id__event_presentation({api_cfg: $ae_api, event_presentation_id: $lq__event_presentation_obj?.event_presentation_id, log_lvl: 0});
         }}
         >
-        <span class="text-base">
-        Presentation Title:
+        <span class="text-sm text-surface-800-200">
+        Presentation:
         </span>
         <span
             title="ID: {$lq__event_presentation_obj?.event_presentation_id}"
@@ -354,8 +354,8 @@ $: if ($lq__event_presenter_obj) {
     <!-- Title: "{$lq__event_presentation_obj?.name}" -->
 </h3>
 
-<h3 class="h4">
-    <span class="text-base">
+<h3 class="h6 text-lg/6">
+    <span class="text-sm text-surface-800-200">
     Presenter:
     </span>
 </h3>
@@ -406,7 +406,7 @@ $: if ($lq__event_presenter_obj) {
 {/await}
 
 <ul
-    class="space-y-2 px-4"
+    class="space-y-1 px-4"
     >
     <li
         class:hidden={!$ae_loc.trusted_access || !$ae_loc.edit_mode && !$ae_loc.manager_access}
diff --git a/src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_li.svelte b/src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_li.svelte
index e7a01654..f534888a 100644
--- a/src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_li.svelte
+++ b/src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_li.svelte
@@ -107,19 +107,25 @@ let lq__event_presentation_obj = liveQuery(
             >
             <a
                 href="/events/{event_presenter_obj.event_id_random}/presenter/{event_presenter_obj.event_presenter_id_random}"
-                class="ae_obj__event_presenter btn preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 font-bold min-w-64 max-w-96 my-0.5 overflow-hidden"
                 class:btn-sm={display_mode != 'default'}
+                class="
+                    ae_obj__event_presenter
+                    btn preset-tonal-primary border border-primary-500
+                    hover:preset-filled-primary-500
+                    font-bold min-w-64 max-w-96 my-0.5
+                    overflow-hidden
+                    "
                 title="Person ID: {event_presenter_obj.person_id_random}; Email: {event_presenter_obj.person_primary_email}"
                 >
                 {#if event_presenter_obj?.given_name && event_presenter_obj?.given_name != 'Group' }
-                    <span class="fas fa-user m-0.5"></span>
+                    <span class="fas fa-user m-0.5 text-xs text-surface-800-200"></span>
                 {:else if event_presenter_obj?.given_name == 'Group'}
-                    <span class="fas fa-users m-0.5"></span>
+                    <span class="fas fa-users m-0.5 text-xs text-surface-800-200"></span>
                 {:else}
-                    <span class="fas fa-user-slash m-0.5"></span>
+                    <span class="fas fa-user-slash m-0.5 text-xs text-surface-800-200"></span>
                 {/if }
                 {#if event_presenter_obj.priority}
-                    <span class="fas fa-star text-yellow-500 text-xs m-0.5"></span>
+                    <span class="fas fa-star m-0.5 text-xs text-yellow-800-200"></span>
                 {/if}
                 <span class="text-center grow">
 
diff --git a/src/routes/events/ae_comp__event_session_obj_li.svelte b/src/routes/events/ae_comp__event_session_obj_li.svelte
index 95ddd297..940fe7bc 100644
--- a/src/routes/events/ae_comp__event_session_obj_li.svelte
+++ b/src/routes/events/ae_comp__event_session_obj_li.svelte
@@ -133,20 +133,26 @@ let ae_triggers: key_val = $state({});
         <a
             href="/events/{session_obj?.event_id}/session/{session_obj?.event_session_id}"
             class="
-                btn btn-md
+                btn
                 ae_btn_secondary_filled
                 min-w-full max-w-md
                 sm:w-80
-                text-xs md:text-sm lg:text-base
-                md:max-w-xs md:p-1
+                text-xs/3 sm:text-xs/4 md:text-xs/4 lg:text-sm/4 xl:text-base/5
+                md:max-w-xs
                 sm:btn-sm
                 md:btn-md
                 "
             title="{session_obj?.name} - {session_obj?.event_session_id_random}"
             >
-            <span class="fas fa-eye m-0.25"></span>
+            <!-- <span class="fas fa-eye m-0.25 text-xs text-surface-800-200"></span> -->
+            <span class="fas fa-chalkboard-teacher m-0.25 text-xs text-surface-800-200"></span>
             <!-- overflow-x-scroll -->
-            <span class="grow overflow-hidden text-wrap text-left max-h-8 sm:max-h-10 md:max-h-10 lg:max-h-12">
+            <span
+                class="
+                    grow overflow-hidden text-wrap text-left
+                    max-h-12 sm:max-h-12 md:max-h-9 lg:max-h-12 xl:max-h-16
+                    "
+                >
             <!-- <div> -->
             <strong>{session_obj?.name}</strong>
             <!-- </div> -->