diff --git a/src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte b/src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte
index c81a5ae6..64b8bed3 100644
--- a/src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte
+++ b/src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte
@@ -6,7 +6,7 @@ import { clipboard } from '@skeletonlabs/skeleton';
 import {
         ArrowDown01, ArrowDown10, ArrowDownUp,
         BookHeart, BriefcaseBusiness,
-        CalendarClock, CalendarOff, CodeXml,
+        CalendarClock, CalendarOff, CodeXml, Copy,
         Eye, EyeOff,
         Flag, FlagOff, FileX, Fingerprint,
         Globe, Group,
@@ -167,8 +167,8 @@ $effect(() => {
             class="btn btn-sm p-1 variant-soft-secondary *:hover:inline lg:text-xs"
             title="Copy the markdown content"
             >
-            <span class="fas fa-copy mx-1"></span>
-            <RemoveFormatting />
+            <Copy size="1em" />
+            <RemoveFormatting size="2em" />
             <span class="hidden">
             Copy Plaintext Markdown
             </span>
@@ -190,8 +190,8 @@ $effect(() => {
             class="btn btn-sm p-1 variant-soft-secondary *:hover:inline lg:text-xs"
             title="Copy the rendered HTML content"
             >
-            <span class="fas fa-copy mx-1"></span>
-            <CodeXml />
+            <Copy size="1em" />
+            <CodeXml size="2em" />
             <span class="hidden">
             Copy Rendered HTML
             </span>
diff --git a/src/routes/journals/ae_comp__journal_entry_obj_li.svelte b/src/routes/journals/ae_comp__journal_entry_obj_li.svelte
index 17a3ed58..e0470fad 100644
--- a/src/routes/journals/ae_comp__journal_entry_obj_li.svelte
+++ b/src/routes/journals/ae_comp__journal_entry_obj_li.svelte
@@ -5,7 +5,7 @@ let log_lvl: number = 1;
 import { goto, invalidate, pushState, replaceState } from '$app/navigation';
 
 import {
-        CalendarClock, CodeXml,
+        CalendarClock, CodeXml, Copy,
         Eye, EyeOff,
         Flag, FlagOff,
         NotebookPen, NotebookText,
@@ -91,11 +91,12 @@ let tmp_entry_obj: key_val = $state({});
                         alert('Failed to copy content.');
                     });
                 }}
-                class="btn btn-sm p-1 variant-soft-secondary *:hover:inline lg:text-xs"
+                class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline lg:text-xs"
                 title="Copy the markdown content"
                 >
-                <span class="fas fa-copy mx-1"></span>
-                <RemoveFormatting />
+                <!-- <span class="fas fa-copy mx-1"></span> -->
+                <Copy size="1em" />
+                <RemoveFormatting size="2em" />
                 <span class="hidden">
                 Copy Plaintext Markdown
                 </span>
@@ -116,11 +117,12 @@ let tmp_entry_obj: key_val = $state({});
                         alert('Failed to copy HTML content.');
                     });
                 }}
-                class="btn btn-sm p-1 variant-soft-secondary *:hover:inline lg:text-xs"
+                class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline lg:text-xs"
                 title="Copy the rendered HTML content"
                 >
-                <span class="fas fa-copy mx-1"></span>
-                <CodeXml />
+                <!-- <span class="fas fa-copy mx-1"></span> -->
+                <Copy size="1em" />
+                <CodeXml size="2em" />
                 <span class="hidden">
                 Copy Rendered HTML
                 </span>
@@ -163,7 +165,7 @@ let tmp_entry_obj: key_val = $state({});
                                 console.log('$journals_loc.filter__category_code', $journals_loc.filter__category_code);
                             }
                         }}
-                        class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition py-1 px-2"
+                        class="btn btn-sm variant-outline-secondary hover:variant-filled-secondary transition py-1 px-2"
                         title={`Filter by category: ${journals_journal_entry_obj.category_code}`}
                         >
                         <Shapes class="mx-1 inline-block"/>