diff --git a/docs/_includes/topnav.html b/docs/_includes/topnav.html
index 1810cd439a..daf50ba7c4 100644
--- a/docs/_includes/topnav.html
+++ b/docs/_includes/topnav.html
@@ -1,5 +1,5 @@
 <!-- Navigation -->
-<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
+<nav class="navbar navbar-expand-lg fixed-top navbar-dark">
     <div class="container topnavlinks">
         <a class="navbar-brand fas fa-home fa-lg" href="index.html">&nbsp;<span class="projectTitle"> {{site.topnav_title}}</span></a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/docs/css/theme-green.css b/docs/css/theme-green.css
index 4ce26998e8..fbc757b84e 100644
--- a/docs/css/theme-green.css
+++ b/docs/css/theme-green.css
@@ -37,24 +37,15 @@ a[data-toggle="tooltip"] {
     cursor: default;
 }
 
-.navbar-inverse {
+.navbar {
     background-color: #01c172;
     border-color: #5b893c;
 }
 
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
-    color: #5b893c;
+.navbar .nav-item > .nav-link {
+    color: white !important; /* bootstrap adds 0.5 transparency which we must override */
 }
 
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
-    background-color: #5b893c;
-    color: #ffffff;
-}
-
-/* not sure if using this ...*/
-.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
-    border-color: #01c172 !important;
-}
 
 .btn-primary {
     color: #ffffff;
@@ -96,4 +87,4 @@ li.sidebarTitle {
     margin-bottom:10px;
     margin-left: 5px;
 
-}
\ No newline at end of file
+}