diff --git a/styles/components/_topbar.scss b/styles/components/_topbar.scss
index 54424924..b265241b 100644
--- a/styles/components/_topbar.scss
+++ b/styles/components/_topbar.scss
@@ -1,5 +1,5 @@
 .topbar {
-  background-color: $color-white;
+  background-color: $color-blue-darkest;
   border-bottom: 1px solid $color-black;
 
   .topbar__navigation {
@@ -9,7 +9,7 @@
     justify-content: space-between;
 
     .topbar__link {
-      color: $color-black;
+      color: $color-white;
       display: inline-flex;
       align-items: center;
       height: $topbar-height;
@@ -18,10 +18,12 @@
 
       .topbar__link-label {
         @include h5;
+        text-decoration: underline;
       }
 
       .topbar__link-icon {
         margin-left: $gap;
+        @include icon-color($color-white);
       }
 
       &.topbar__link--home {
@@ -29,6 +31,7 @@
 
         .topbar__link-label {
           padding-left: $gap;
+          text-decoration: none;
         }
       }
 
@@ -45,10 +48,6 @@
       &:hover {
         background-color: $color-primary-darker;
         color: $color-white;
-
-        .topbar__link-icon {
-          @include icon-style-inverted;
-        }
       }
     }