diff --git a/app/assets/stylesheets/notify_enhanced.scss b/app/assets/stylesheets/notify_enhanced.scss
index a366498ea034d04d64fb2dc66913a73b04b284c6..b331d997a97d7f34f51144838466c06d8c43c750 100644
--- a/app/assets/stylesheets/notify_enhanced.scss
+++ b/app/assets/stylesheets/notify_enhanced.scss
@@ -32,10 +32,6 @@ body {
   font-size: inherit;
 }
 
-a {
-  text-decoration: none;
-}
-
 .gl-mb-5 {
   @include gl-mb-5;
 }
diff --git a/app/views/layouts/notify.html.haml b/app/views/layouts/notify.html.haml
index 3b979f69cac7b6898ddfc6afa460051cc70a61a6..d9f16a89fbc2a80d6d63d2334ce4985dac7060ad 100644
--- a/app/views/layouts/notify.html.haml
+++ b/app/views/layouts/notify.html.haml
@@ -5,6 +5,10 @@
       GitLab
     - if Feature.enabled?(:enhanced_notify_css)
       = stylesheet_link_tag 'notify_enhanced'
+      %style{ type: 'text/css', 'data-premailer': 'ignore' }
+        -# The MUA automatically turns some text into links.
+        -# Match the color of explicit links ($blue-600 from typography.scss).
+        a { color: #1068bf; }
     - else
       = stylesheet_link_tag 'notify'
     = yield :head
diff --git a/app/views/layouts/service_desk.html.haml b/app/views/layouts/service_desk.html.haml
index a838ba91d261a6294bc6b73cfa44816b35d665f9..bab7bc6b9da9e1233666504ea327d74013d72e78 100644
--- a/app/views/layouts/service_desk.html.haml
+++ b/app/views/layouts/service_desk.html.haml
@@ -7,6 +7,10 @@
     -# haml-lint:enable NoPlainNodes
     - if Feature.enabled?(:enhanced_notify_css)
       = stylesheet_link_tag 'notify_enhanced'
+      %style{ type: 'text/css', 'data-premailer': 'ignore' }
+        -# The MUA automatically turns some text into links.
+        -# Match the color of explicit links ($blue-600 from typography.scss).
+        a { color: #1068bf; }
     - else
       = stylesheet_link_tag 'notify'
     = yield :head