diff --git a/assets/css/devportal.css b/assets/css/devportal.css
index ab99219ffb..2d36712328 100644
--- a/assets/css/devportal.css
+++ b/assets/css/devportal.css
@@ -554,11 +554,17 @@ th {
   display: block;
   padding: 16px 15px 16px 55px;
   font-family: "open_sansregular", sans-serif;
-  color: #666;
+}
+#sidenav_accordion .panel-heading h5 a.sidenav_cat_title {
+  color: #27a2db;
 }
 #sidenav_accordion .panel-heading h5 .sidenav_cat_title.active {
   color: #333;
   font-weight: bold;
+  cursor: default;
+}
+#sidenav_accordion .panel-heading h5 .sidenav_cat_title.active-parent {
+  color: #333;
 }
 
 #sidenav_accordion .panel-heading .sidenav_cat_toggler {
diff --git a/tool/template-sidebar_nav.html b/tool/template-sidebar_nav.html
index 845614f364..4b61104d8c 100644
--- a/tool/template-sidebar_nav.html
+++ b/tool/template-sidebar_nav.html
@@ -15,9 +15,9 @@
       <div class="panel-heading" role="tab" id="sidenav_cat_head_{{loop.index}}">
         <h5 class="panel-title">
         {% if catpages|length > 1 %}
-        <a class="{% if currentpage.category != cat %}collapsed {% endif %}sidenav_cat_toggler" role="button" data-toggle="collapse" data-parent="#sidenav_accordion" href="#sidenav_collapse_{{loop.index}}" aria-expanded="true" aria-controls="sidenav_collapse_{{loop.index}}">&nbsp;</a>
+        <a class="{% if currentpage.category != cat %}collapsed {% endif %}sidenav_cat_toggler" role="button" data-toggle="collapse" href="#sidenav_collapse_{{loop.index}}" aria-expanded="true" aria-controls="sidenav_collapse_{{loop.index}}">&nbsp;</a>
         {% endif %}
-        <a class="sidenav_cat_title{% if currentpage == (pages|selectattr('category', 'equalto', cat)|first) %} active{% endif %}" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a>
+        <a class="sidenav_cat_title{% if currentpage == (pages|selectattr('category', 'equalto', cat)|first) %} active{% elif currentpage.category == cat %} active-parent{% endif %}" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a>
         </h5>
       </div><!-- /.panel-heading -->