diff --git a/docs/app/assets/css/docs.css b/docs/app/assets/css/docs.css
index 72249876dfbc..ddd73f213ef9 100644
--- a/docs/app/assets/css/docs.css
+++ b/docs/app/assets/css/docs.css
@@ -128,6 +128,10 @@ h1,h2,h3,h4,h5,h6 {
   margin-bottom:5px;
 }
 
+.nav-index-group .nav-index-listing.current a {
+  color: #B52E31;
+}
+
 .nav-breadcrumb {
   margin:4px 0;
   padding:0;
diff --git a/docs/app/src/docs.js b/docs/app/src/docs.js
index d8a9b752c352..03c70d8d9dc7 100644
--- a/docs/app/src/docs.js
+++ b/docs/app/src/docs.js
@@ -13,6 +13,7 @@ angular.module('DocsController', [])
   $scope.navClass = function(navItem) {
     return {
       active: navItem.href && this.currentPage && this.currentPage.path,
+      current: this.currentPage && this.currentPage.path === navItem.href,
       'nav-index-section': navItem.type === 'section'
     };
   };