diff --git a/ui/src/App.css b/ui/src/App.css
index c857fcf7f..6b6ff2199 100644
--- a/ui/src/App.css
+++ b/ui/src/App.css
@@ -2766,8 +2766,8 @@ input[type="button"].btn-block {
   .nav-tabs .nav-link.active,
   .nav-tabs .nav-item.show .nav-link {
     color: #7b8a8b;
-    background-color: #455a64;
-    border-color: #dee2e6 #dee2e6 #455a64; }
+    background-color: #fff;
+    border-color: #dee2e6 #dee2e6 #fff; }
   .nav-tabs .dropdown-menu {
     margin-top: -1px;
     border-top-left-radius: 0;
diff --git a/ui/src/App.scss b/ui/src/App.scss
index 428a966d9..b30979ec2 100644
--- a/ui/src/App.scss
+++ b/ui/src/App.scss
@@ -11,6 +11,9 @@ $link-color: #7b8a8b; // $gray-700
 // make dark darker, default it's $gray-700
 $dark: #3b4247;
 
+// fix active tab color, for some reason it ends up with $primary as bg color
+$nav-tabs-link-active-bg: #fff;
+
 @import "../node_modules/bootswatch/dist/flatly/variables";
 @import "../node_modules/bootstrap/scss/bootstrap";
 @import "../node_modules/bootswatch/dist/flatly/bootswatch";