diff --git a/ui/src/components/base/index.js b/ui/src/components/base/index.js
index cc0111db..c92355d0 100644
--- a/ui/src/components/base/index.js
+++ b/ui/src/components/base/index.js
@@ -5,7 +5,7 @@ const Styled = require('styled-components');
 
 const {
   forms,
-  links,
+  colors,
   tables,
   typography,
   colors
@@ -344,13 +344,12 @@ module.exports = styled.div`
    */
 
   & a {
-    color: ${links.color};
-    text-decoration: ${links.decoration};
+    color: ${colors.brandPrimaryLink};
+    text-decoration: underline;
 
     &:focus,
     &:hover {
-      color: ${links.hoverColor};
-      text-decoration: ${links.hoverDecoration};
+      text-decoration: none;
     }
 
     &:focus {
@@ -365,8 +364,7 @@ module.exports = styled.div`
 
     &:focus,
     &:hover {
-      color: ${links.hoverColor};
-      text-decoration: ${links.hoverDecoration};
+      text-decoration: none;
     }
 
     &:focus {
diff --git a/ui/src/shared/constants/colors.js b/ui/src/shared/constants/colors.js
index b9effed2..6ce75c50 100644
--- a/ui/src/shared/constants/colors.js
+++ b/ui/src/shared/constants/colors.js
@@ -10,7 +10,8 @@ const brandPrimary = {
   borderPrimary: '#2531BC',
   borderPrimaryDark: '#2531BC',
   borderPrimaryDarkest: '#062BA0',
-  brandPrimaryColor: '#FFFFFF'
+  brandPrimaryColor: '#FFFFFF',
+  brandPrimaryLink: '#364acd'
 };
 
 const brandSecondary = {
@@ -20,7 +21,8 @@ const brandSecondary = {
   borderSecondary: '#D8D8D8',
   borderSecondaryDark: '#D8D8D8',
   borderSecondaryDarkest: '#D8D8D8',
-  brandSecondaryColor: '#464646'
+  brandSecondaryColor: '#464646',
+  brandSecondaryLink: '#ffffff'
 };
 
 const brandInactive = {
diff --git a/ui/src/shared/constants/index.js b/ui/src/shared/constants/index.js
index b6115eaa..2368e31d 100644
--- a/ui/src/shared/constants/index.js
+++ b/ui/src/shared/constants/index.js
@@ -6,7 +6,6 @@ const boxes = require('./boxes');
 const typography = require('./typography');
 const sizes = require('./sizes');
 const breakpoints = require('./breakpoints');
-const links = require('./links');
 
 const tables = {
   bg: 'transparent',
@@ -21,7 +20,6 @@ const constants = traverse({
   colors,
   boxes,
   forms,
-  links,
   sizes,
   tables,
   typography
diff --git a/ui/src/shared/constants/links.js b/ui/src/shared/constants/links.js
deleted file mode 100644
index c964a488..00000000
--- a/ui/src/shared/constants/links.js
+++ /dev/null
@@ -1,14 +0,0 @@
-const Color = require('color');
-
-const links = {
-  color: '#364ACD',
-  decoration: 'none',
-  hoverColor: ({
-    color
-  }) => {
-    return Color(color).darken(0.15).hex();
-  },
-  hoverDecoration: 'underline'
-};
-
-module.exports = links;