Target active nav pill with single style

app/assets/javascripts/discourse/components/navigation-item.js.es6

@@ -47,7 +47,8 @@ export default Ember.Component.extend(
         this.set("hidden", false);
       }
 
-      buffer.push(`<a href='${href}'>`);
+      buffer.push(`<a href='${href}'` + (this.get("active") ? 'class="active"' : '') + `>`);
+
       if (content.get("hasIcon")) {
         buffer.push("<span class='" + content.get("name") + "'></span>");
       }

app/assets/javascripts/discourse/templates/components/edit-category-tab.hbs

@@ -1 +1 @@
-<a href {{action "select"}}>{{title}}</a>
+<a href {{action "select"}} class="{{if active 'active'}}">{{title}}</a>

app/assets/stylesheets/common/components/navs.scss

@@ -48,7 +48,6 @@
       }
     }
 
-    &.active > a,
     a.active {
       color: $secondary;
       background-color: $quaternary;