diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index b13b921..8361991 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -116,7 +116,16 @@
   /* Link styling within prose */
   .prose a {
     color: var(--brand-primary) !important;
-    @apply font-medium no-underline border-b border-[var(--brand-primary)]/30 hover:border-[var(--brand-primary)] transition-all duration-200;
+    text-decoration: none !important;
+    @apply font-medium transition-all duration-300;
+    background-image: linear-gradient(var(--brand-primary), var(--brand-primary));
+    background-position: 0 100%;
+    background-repeat: no-repeat;
+    background-size: 0 1px;
+  }
+
+  .prose a:hover {
+    background-size: 100% 1px;
   }
 }