diff --git a/kallithea/public/less/kallithea-variables.less b/kallithea/public/less/kallithea-variables.less
--- a/kallithea/public/less/kallithea-variables.less
+++ b/kallithea/public/less/kallithea-variables.less
@@ -23,6 +23,8 @@
 @navbar-inverse-link-active-bg:     @navbar-inverse-link-hover-bg;
 @navbar-inverse-toggle-hover-bg:    @navbar-inverse-link-hover-bg;
 @navbar-inverse-toggle-border-color:@kallithea-theme-main-color;
+@nav-pills-active-link-hover-color: @navbar-inverse-color;
+@nav-pills-active-link-hover-bg:    @navbar-inverse-bg;
 @dropdown-link-color:               @navbar-inverse-color;
 @dropdown-bg:                       @navbar-inverse-bg;
 
diff --git a/kallithea/public/less/style.less b/kallithea/public/less/style.less
--- a/kallithea/public/less/style.less
+++ b/kallithea/public/less/style.less
@@ -605,25 +605,9 @@ div.gravatar img {
   color: #393939;
   font-weight: 700;
 }
-.panel-body.settings .nav-pills > li {
-  padding: 0 !important;
-}
-.panel-body.settings .nav-pills > li > a {
-  border-radius: 4px;
-  padding: 10px;
-  display: block;
-  position: relative;
+.panel-body.settings .nav-pills > :not(.active) > a {
   color: inherit;
 }
-.panel-body.settings > ul.nav-stacked li.active > a,
-.panel-body.settings > ul.nav-stacked li.active:hover > a {
-  color: #fff;
-  background-color: #577632;
-}
-.panel-body.settings > ul.nav-stacked li:hover > a {
-  text-decoration: none;
-  background-color: #eee;
-}
 .panel-body.settings > div,
 .panel-body.settings > form {
   float: left;