diff --git a/scss/_nav.scss b/scss/_nav.scss
index 2c5f5b4c69..55e0fe1dfb 100644
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@@ -115,9 +115,9 @@
   .nav-link.active,
   .nav-item.open .nav-link {
     @include plain-hover-focus {
-      color: $component-active-color;
+      color: $nav-pills-active-link-color;
       cursor: default;
-      background-color: $component-active-bg;
+      background-color: $nav-pills-active-link-bg;
     }
   }
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 00dc68214f..5c1d07c363 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -399,15 +399,15 @@ $nav-disabled-link-hover-bg:    transparent !default;
 $nav-tabs-border-color:                       #ddd !default;
 $nav-tabs-border-width:                       $border-width !default;
 $nav-tabs-link-hover-border-color:            $gray-lighter !default;
-$nav-tabs-active-link-hover-bg:               $body-bg !default;
 $nav-tabs-active-link-hover-color:            $gray !default;
+$nav-tabs-active-link-hover-bg:               $body-bg !default;
 $nav-tabs-active-link-hover-border-color:     #ddd !default;
 $nav-tabs-justified-link-border-color:        #ddd !default;
 $nav-tabs-justified-active-link-border-color: $body-bg !default;
 
-$nav-pills-border-radius:           $border-radius !default;
-$nav-pills-active-link-hover-bg:    $component-active-bg !default;
-$nav-pills-active-link-hover-color: $component-active-color !default;
+$nav-pills-border-radius:     $border-radius !default;
+$nav-pills-active-link-color: $component-active-color !default;
+$nav-pills-active-link-bg:    $component-active-bg !default;
 
 
 // Pagination