diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 1f6ee28f6..6152d0bcc 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -254,15 +254,11 @@ button,
     }
 
     a {
-      color: inherit;
+      @include text-colored-link;
       display: inline-block;
       font-weight: bold;
       position: relative;
       text-align: left;
-
-      &:hover {
-        color: $link;
-      }
     }
 
     + li {
@@ -844,7 +840,7 @@ body > header,
   margin-bottom: $line-height / 2;
 
   a {
-    color: inherit;
+    @include text-colored-link;
     display: inline-block;
     font-weight: bold;
     margin-right: $line-height / 2;
@@ -854,10 +850,6 @@ body > header,
     @include breakpoint(medium) {
       margin-right: $line-height;
     }
-
-    &:hover {
-      color: $link;
-    }
   }
 
   .is-active {
@@ -1359,11 +1351,7 @@ form {
   }
 
   .notification-link {
-    color: inherit;
-
-    &:hover {
-      color: $link;
-    }
+    @include text-colored-link;
   }
 
   &:hover {
diff --git a/app/assets/stylesheets/mixins/buttons.scss b/app/assets/stylesheets/mixins/buttons.scss
index 96b3da07a..b8b6010ff 100644
--- a/app/assets/stylesheets/mixins/buttons.scss
+++ b/app/assets/stylesheets/mixins/buttons.scss
@@ -41,6 +41,14 @@
   }
 }
 
+@mixin text-colored-link {
+  color: inherit;
+
+  &:hover {
+    color: $link;
+  }
+}
+
 @mixin switch {
   @include regular-button;
   border-radius: $line-height;