diff --git a/assets/css/brand.css b/assets/css/brand.css
index 4572d7a400d744123ed93ee2cac1fcf8ed125f88..c21d5907d4cb7a61eb7cc6ef3800e5e05d455707 100644
--- a/assets/css/brand.css
+++ b/assets/css/brand.css
@@ -271,8 +271,9 @@ fieldset[disabled] .btn-accent.focus {
           text-decoration-color: #33b5e5;
 }
 
-.comment__text p a:not(.btn) {
-  color: #33b5e5;
+.comment__text p a:not(.btn):hover, .comment__text p a:not(.btn):focus {
+  -webkit-text-decoration-color: #33b5e5;
+          text-decoration-color: #33b5e5;
 }
 
 blockquote {
diff --git a/assets/css/preview.css b/assets/css/preview.css
index 3c5b735f111980d050823320fa2ef1af5204e0d8..3643bfd20f685d933c36e001724780407e6ae2da 100644
--- a/assets/css/preview.css
+++ b/assets/css/preview.css
@@ -2459,8 +2459,9 @@ fieldset[disabled] .btn-accent.focus {
           text-decoration-color: #33b5e5;
 }
 
-.comment__text p a:not(.btn) {
-  color: #33b5e5;
+.comment__text p a:not(.btn):hover, .comment__text p a:not(.btn):focus {
+  -webkit-text-decoration-color: #33b5e5;
+          text-decoration-color: #33b5e5;
 }
 
 blockquote {
diff --git a/components/brand.scss b/components/brand.scss
index d435686a73e7ee0cefcad6117f77a5bdbb54defe..098e63870ba20a1075fac505a0478c9dcd429993 100644
--- a/components/brand.scss
+++ b/components/brand.scss
@@ -278,7 +278,10 @@
 
 .comment__text p {
   a:not(.btn) {
-    color: $brand-link;
+    &:hover,
+    &:focus {
+      text-decoration-color: $brand-link;
+    }
   }
 }