diff --git a/ui/src/Styles/DarkTheme.scss b/ui/src/Styles/DarkTheme.scss
index 8d9654a97..a3060ebc1 100644
--- a/ui/src/Styles/DarkTheme.scss
+++ b/ui/src/Styles/DarkTheme.scss
@@ -106,3 +106,7 @@ $datepicker__day-hover-color: $white;
 .modal-content {
   color: $white;
 }
+
+a {
+  color: $link-color;
+}
diff --git a/ui/src/Styles/LightTheme.scss b/ui/src/Styles/LightTheme.scss
index 192ab1f31..73e292226 100644
--- a/ui/src/Styles/LightTheme.scss
+++ b/ui/src/Styles/LightTheme.scss
@@ -92,3 +92,7 @@ $datepicker__day-hover-color: $black;
 @import "Styles/Components/MountFade";
 @import "Styles/Components/NavBarSlide";
 @import "Styles/Components/SilenceModal";
+
+a {
+  color: $link-color;
+}
diff --git a/ui/src/__mocks__/Stories.js b/ui/src/__mocks__/Stories.js
index 2c6f71658..5952976d0 100644
--- a/ui/src/__mocks__/Stories.js
+++ b/ui/src/__mocks__/Stories.js
@@ -36,6 +36,13 @@ const MockGroup = (groupName, alertCount, active, suppressed, unprocessed) => {
               value: "this is hidden by default",
               visible: false,
               isLink: false
+            },
+            {
+              name: "linkify",
+              value:
+                "annotation with a link to github.com/prymitive/karma project page",
+              visible: true,
+              isLink: false
             }
           ]
         : [],