diff --git a/src/components/SubtleLink.astro b/src/components/SubtleLink.astro
index 4e52862..1d67bf9 100644
--- a/src/components/SubtleLink.astro
+++ b/src/components/SubtleLink.astro
@@ -11,7 +11,7 @@ const { href, target } = Astro.props;
   href={href}
   target={target}
   rel="noopener noreferrer"
-  class="decoration-ledger-line hover:text-gray-1200 underline underline-offset-4 transition-colors"
+  class="decoration-gray-600 hover:text-gray-1200 hover:decoration-gray-800 underline underline-offset-4 transition-colors"
 >
   <slot /></a
 >
diff --git a/src/styles/base.css b/src/styles/base.css
index 13390c0..69d9996 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -49,11 +49,15 @@
   }
 
   .prose a {
-    color: var(--color-gray-1100);
+    text-decoration-line: underline;
+    text-decoration-color: var(--color-gray-400);
+    text-underline-offset: 4px;
+    transition: color 0.2s ease, text-decoration-color 0.2s ease;
   }
 
   .prose a:hover {
     color: var(--color-gray-1200);
+    text-decoration-color: var(--color-gray-600);
   }
 
   .prose code {