diff --git a/src/style/typography/index.css b/src/style/typography/index.css
index d0778ac6..e959d16b 100644
--- a/src/style/typography/index.css
+++ b/src/style/typography/index.css
@@ -88,7 +88,7 @@ i {
 a {
   color: hsl(var(--theme-primary-text-010));
   text-decoration: underline;
-  transition: text-decoration var(--layout-transition-extra-fast);
+  transition: color var(--layout-transition-extra-fast), text-decoration var(--layout-transition-extra-fast);
 }
 
 a:link,
@@ -102,7 +102,7 @@ a:focus {
 }
 
 a:hover {
-  color: hsl(var(--theme-primary-text-010));
+  color: rgb(var(--theme-accent));
   text-decoration-color: rgb(var(--theme-accent));
 }