diff --git a/dashboard/src/theme.scss b/dashboard/src/theme.scss
index ee97c0495..925ac86b7 100644
--- a/dashboard/src/theme.scss
+++ b/dashboard/src/theme.scss
@@ -9,13 +9,13 @@ $brand-info:                                #3995b1 !default;
 $brand-warning:                             #f0ad4e !default;
 $brand-danger:                              #ff4c4c !default;
 
-$body-bg:                                   #E5E5E5;
+$body-bg:                                   #f6f8fb;
 $font-family-sans-serif:                    Roboto, Helvetica, Arial, sans-serif;
 $font-family-heading:                       Roboto-Light, Helvetica, Arial, sans-serif;
 
-$navbar-default-link-color:                 #428BCA !default;
+$navbar-default-link-color:                 $brand-primary !default;
 $navbar-default-link-hover-color:           #62bdfc !default;
-$navbar-default-link-active-color:          #62bdfc !default;
+$navbar-default-link-active-color:          #428BCA !default;
 $navbar-default-brand-color:                #777 !default;
 
 $btn-default-bg:                            transparent !default;
@@ -278,9 +278,11 @@ html, body {
     display: block;
     width: 100%;
     flex-grow: 0;
+    background-color: white;
+    border-color: white;
 
     .navbar-collapse {
-        background-color: #F8F8F8;
+        background-color: white;
     }
 
     @media(min-width:768px) {
@@ -1310,7 +1312,7 @@ select.purpose:invalid {
 
 footer {
     flex-grow: 0;
-    background-color: #f8f8f8;
+    background-color: white;
     width: 100%;
     color: #555;
     max-height: 30px;