diff --git a/_data/cache_bust_css.yml b/_data/cache_bust_css.yml
index 9dc6410429e6..9d1fd0bc5be8 100644
--- a/_data/cache_bust_css.yml
+++ b/_data/cache_bust_css.yml
@@ -1,2 +1,2 @@
-c3a9ea1fdf8213e67c433d114fd1d330  ../all_static/css/main.css
+237a635fa4eec3f9922f5a2e1e8db22c  ../all_static/css/main.css
 a5765df8bc2358dd61c19edcc0cbef7d  ../all_static/css/normalize.css
diff --git a/all_static/css/main.css b/all_static/css/main.css
index 1a8792e740d4..3fbab685efc7 100644
--- a/all_static/css/main.css
+++ b/all_static/css/main.css
@@ -537,7 +537,7 @@ body {
     .header-large--wrap + header.header-main.affix.\--default .\-identity {
       color: #447bdc !important; }
   .header-large--wrap + header.header-main.\--default a:link, .header-large--wrap + header.header-main.\--default a:visited, .header-large--wrap + header.header-main.\--default a:active {
-    color: #fff !important; }
+    color: currentColor !important; }
 
 header .\-identity {
   color: #447bdc; }
@@ -587,7 +587,7 @@ header.header-main {
       color: currentColor !important;
       text-decoration: none !important; }
   header.header-main.\--default, .header-large--wrap + header.header-main.\--default.affix {
-    color: #fff !important;
+    color: #626262 !important;
     background-color: #00004f; }
     header.header-main.\--default a:not(.button):link, header.header-main.\--default a:not(.button):visited, header.header-main.\--default a:not(.button):active {
       color: currentColor !important; }
@@ -798,22 +798,15 @@ header.header-main {
       position: relative;
       font-size: 12px !important;
       letter-spacing: 0.5px;
-      font-weight: 400;
-      opacity: 0.95;
+      font-weight: 600;
+      opacity: 1;
+      background-color: #119dff;
+      -webkit-border-radius: 4px;
+      border-radius: 4px;
       color: white; }
-      header.header-main .\--wrap .button::before {
-        content: '';
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-        border: 1px solid currentColor;
-        opacity: 0.3;
-        -webkit-border-radius: 6px;
-        border-radius: 6px; }
       header.header-main .\--wrap .button:hover {
         text-decoration: none;
+        color: white !important;
         opacity: 1; }
         header.header-main .\--wrap .button:hover::before {
           border-color: currentColor !important;
diff --git a/scss/_components/_header.scss b/scss/_components/_header.scss
index 13f3d4fcc093..bd51e65cfeec 100644
--- a/scss/_components/_header.scss
+++ b/scss/_components/_header.scss
@@ -208,7 +208,7 @@ header {
         }
 
       }
-      background-color: #fff;
+      background-color: #00004f;
 
     }
     .\--wrap {
@@ -376,23 +376,17 @@ header {
         position: relative;
         font-size: 12px !important;
         letter-spacing: 0.5px;
-        font-weight: 400;
-        opacity: 0.95;
-        color: $blue;
+        font-weight: 600;
+        opacity: 1;
+        background-color: #119dff;
+        border-radius: 4px;
+        color: white;
         &::before {
-          content: '';
-          position: absolute;
-          width: 100%;
-          height: 100%;
-          left: 0;
-          top: 0;
-          border: 1px solid currentColor;
-          opacity: 0.3;
-          border-radius: 6px;
         }
 
         &:hover {
           text-decoration: none;
+          color: white !important;
           opacity: 1;
           &::before {
             border-color: currentColor !important;