diff --git a/client/src/components/TopNavigation.vue b/client/src/components/TopNavigation.vue
index a6969d5b..aa982ccf 100644
--- a/client/src/components/TopNavigation.vue
+++ b/client/src/components/TopNavigation.vue
@@ -59,15 +59,8 @@
     display: flex;
 
     &__link {
-      font-size: 1.0625rem;
       padding: 0 24px;
-      font-family: $sans-serif-font-family;
-      font-weight: $font-weight-regular;
-      color: $color-silver-dark;
-
-      &--active {
-        color: $color-brand;
-      }
+      @include default-link;
     }
 
     $parent: &;
diff --git a/client/src/styles/_mixins.scss b/client/src/styles/_mixins.scss
index dd443ea2..d1d0204c 100644
--- a/client/src/styles/_mixins.scss
+++ b/client/src/styles/_mixins.scss
@@ -141,6 +141,17 @@
   font-size: toRem(18px);
 }
 
+@mixin default-link {
+  font-size: toRem(18px);
+  font-family: $sans-serif-font-family;
+  font-weight: $font-weight-regular;
+  color: $color-silver-dark;
+
+  &--active {
+    color: $color-brand;
+  }
+}
+
 @mixin page-form-input-heading {
   display: block;
   margin-bottom: $medium-spacing;