Target active nav pill with single style

Target active nav pill with single style

diff --git a/app/assets/javascripts/discourse/components/navigation-item.js.es6 b/app/assets/javascripts/discourse/components/navigation-item.js.es6
index 80a9fdc..d0a39b0 100644
--- a/app/assets/javascripts/discourse/components/navigation-item.js.es6
+++ b/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>");
       }
diff --git a/app/assets/javascripts/discourse/templates/components/edit-category-tab.hbs b/app/assets/javascripts/discourse/templates/components/edit-category-tab.hbs
index 4aeb377..7be1e91 100644
--- a/app/assets/javascripts/discourse/templates/components/edit-category-tab.hbs
+++ b/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>
diff --git a/app/assets/stylesheets/common/components/navs.scss b/app/assets/stylesheets/common/components/navs.scss
index 4f73ad7..622493e 100644
--- a/app/assets/stylesheets/common/components/navs.scss
+++ b/app/assets/stylesheets/common/components/navs.scss
@@ -48,7 +48,6 @@
       }
     }
 
-    &.active > a,
     a.active {
       color: $secondary;
       background-color: $quaternary;

GitHub sha: 83745279