diff --git a/docs/layouts/chrome/menu.html b/docs/layouts/chrome/menu.html
index 295e85059..445ae67aa 100644
--- a/docs/layouts/chrome/menu.html
+++ b/docs/layouts/chrome/menu.html
@@ -16,7 +16,7 @@
       {{ $currentNode := . }}
       {{ range .Site.Menus.main }}
           {{ if .HasChildren }}
-          <li class="dropdown{{if $currentNode.HasMenuCurrent "main" . }} active-child{{end}}">
+          <li class="dropdown{{if $currentNode.HasMenuCurrent "main" . }} active{{end}}">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{.Name}} <b class="caret"></b></a>
             <ul class="dropdown-menu">
             {{ range .Children }}
diff --git a/docs/static/static/css/styles.css b/docs/static/static/css/styles.css
index f3ec584ea..239c12c42 100755
--- a/docs/static/static/css/styles.css
+++ b/docs/static/static/css/styles.css
@@ -90,6 +90,10 @@ nav.navbar {
     background-color: rgb(15, 166, 188);
 }
 
+.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { 
+    background-color: rgb(15, 166, 188);
+}
+
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
     color: rgb(255, 255, 255);
     text-decoration: none;