diff --git a/app/components/content/ProseIcon.vue b/app/components/content/ProseIcon.vue
index 38c58cf..3fd89f4 100644
--- a/app/components/content/ProseIcon.vue
+++ b/app/components/content/ProseIcon.vue
@@ -13,7 +13,7 @@ defineProps({
       class="mb-1 mr-1"
       :name="icon"
     />
-    <span class="sofia font-medium underline decoration-neutral-300 dark:decoration-neutral-700">
+    <span class="sofia font-medium underline-offset-2 underline decoration-neutral-300 dark:decoration-neutral-700">
       <slot />
     </span>
   </span>
diff --git a/app/components/home/Link.vue b/app/components/home/Link.vue
index 86f04f5..067c38e 100644
--- a/app/components/home/Link.vue
+++ b/app/components/home/Link.vue
@@ -22,13 +22,17 @@ defineProps({
   <NuxtLink
     :href="href"
     :target="blanked ? '_blank' : '_self'"
-    class="sofia border-b border-gray-200 hover:border-black duration-300 dark:border-neutral-800 dark:hover:border-white flex gap-1 items-center pb-.5"
+    class="sofia flex gap-1 items-center group"
   >
     <Icon
       v-if="icon"
       :name="icon"
       size="20"
     />
-    <span class="font-bold text-md text-black dark:text-white">{{ label }}</span>
+    <span
+      class="duration-300 underline-offset-2 font-bold text-md text-black dark:text-white underline decoration-gray-300 dark:decoration-neutral-700 group-hover:decoration-black dark:group-hover:decoration-white"
+    >{{
+      label
+    }}</span>
   </NuxtLink>
 </template>