Still working on upgrading to Tailwind CSS v4 an dSkeleton v3.....

src/routes/journals/[journal_id]/+page.svelte

@@ -185,7 +185,7 @@ if (browser) {
 
 <svelte:head>
 	<title>
-        &AElig; Journals:
+        Æ Journals:
         {$lq__journal_obj?.name ? ae_util.shorten_string({ string: $lq__journal_obj?.name, max_length: 20, begin_length: 10, end_length: 4 }) : ''}
         - {$ae_loc?.title}
     </title>
@@ -217,7 +217,7 @@ if (browser) {
         lq__journal_entry_obj_li={lq__journal_entry_obj_li}
         />
 {:else}
-<section class="main_content flex-grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
+<section class="main_content grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
     <p>No journal entry available to show.</p>
 </section>
 {/if}
@@ -252,7 +252,7 @@ if (browser) {
                         $journals_sess.show__modal_view__journal_id = $journals_slct.journal_id;
                         $journals_sess.show__modal_edit__journal_id = false;
                     }}
-                        class="novi_btn btn btn-sm variant-ghost-warning hover:variant-filled-warning transition"
+                        class="novi_btn btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition"
                         title={`View meeting: ${$lq__journal_obj?.name}`}
                         >
                         <span class="fas fa-eye m-1"></span> View
@@ -273,7 +273,7 @@ if (browser) {
 </Modal>
 
 {:else}
-<section class="main_content flex-grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
+<section class="main_content grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
     <p class="text-center">
     You must be logged in as the owner to view this Journal.
     </p>