diff --git a/assets/stylesheets/new-stylesheets/_helpers.scss b/assets/stylesheets/new-stylesheets/_helpers.scss
index 287c9a3b0..4eb05388e 100644
--- a/assets/stylesheets/new-stylesheets/_helpers.scss
+++ b/assets/stylesheets/new-stylesheets/_helpers.scss
@@ -194,3 +194,9 @@
     white-space: normal;
   }
 }
+
+@mixin underline {
+  text-decoration: underline;
+  text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
+  text-underline-offset: 2px;
+}
\ No newline at end of file
diff --git a/assets/stylesheets/new-stylesheets/includes/callout/_base.scss b/assets/stylesheets/new-stylesheets/includes/callout/_base.scss
index acedc0394..542fdc1df 100644
--- a/assets/stylesheets/new-stylesheets/includes/callout/_base.scss
+++ b/assets/stylesheets/new-stylesheets/includes/callout/_base.scss
@@ -37,9 +37,7 @@
       @include link-with-right-arrow();
       display: block;
       color: white;
-      text-decoration: underline;
-      text-decoration-color: rgba(255, 255, 255, 0.5);
-      text-underline-offset: 2px;
+      @include underline;
       margin-top: 14px;
 
       i {
diff --git a/assets/stylesheets/new-stylesheets/pages/_install.scss b/assets/stylesheets/new-stylesheets/pages/_install.scss
index bd96d901f..1d886c301 100644
--- a/assets/stylesheets/new-stylesheets/pages/_install.scss
+++ b/assets/stylesheets/new-stylesheets/pages/_install.scss
@@ -49,7 +49,7 @@
           @include link-with-right-arrow;
           margin-top: 10px;
           display: flex;
-          text-decoration: underline;
+          @include underline;
 
           &.block {
             justify-content: center;