diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 8e5a3dbc50..dadd158451 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2999,11 +2999,14 @@ a.list-group-item.active {
   border-color: #428bca;
 }
 
-a.list-group-item.active .list-group-item-heading,
-a.list-group-item.active .list-group-item-text {
+a.list-group-item.active .list-group-item-heading {
   color: inherit;
 }
 
+a.list-group-item.active .list-group-item-text {
+  color: #e1edf7;
+}
+
 .list-group-item > .badge,
 .list-group-item > .glyphicon-chevron-right {
   float: right;
diff --git a/less/list-group.less b/less/list-group.less
index 23ddb0d47e..d37027d507 100644
--- a/less/list-group.less
+++ b/less/list-group.less
@@ -72,10 +72,12 @@ a.list-group-item.active {
   border-color: @list-group-active-border;
 
   // Force color to inherit for custom content
-  .list-group-item-heading,
-  .list-group-item-text {
+  .list-group-item-heading {
     color: inherit;
   }
+  .list-group-item-text {
+    color: lighten(@list-group-active-bg, 40%);
+  }
 }
 
 // Chevrons and badges within list items