diff --git a/app/assets/javascripts/discourse/components/edit-category-tab.js.es6 b/app/assets/javascripts/discourse/components/edit-category-tab.js.es6
index 87eed4459ca..7c2509f0680 100644
--- a/app/assets/javascripts/discourse/components/edit-category-tab.js.es6
+++ b/app/assets/javascripts/discourse/components/edit-category-tab.js.es6
@@ -2,7 +2,7 @@ import { propertyEqual } from "discourse/lib/computed";
 
 export default Ember.Component.extend({
   tagName: "li",
-  classNameBindings: ["tabClassName"],
+  classNameBindings: ["active", "tabClassName"],
 
   tabClassName: function() {
     return "edit-category-" + this.get("tab");
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 b6108dfd6ad..4aeb37702a1 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"}}  class="{{if active 'active'}}">{{title}}</a>
+<a href {{action "select"}}>{{title}}</a>
diff --git a/app/assets/stylesheets/common/components/navs.scss b/app/assets/stylesheets/common/components/navs.scss
index 75b797e261b..4718c1784e9 100644
--- a/app/assets/stylesheets/common/components/navs.scss
+++ b/app/assets/stylesheets/common/components/navs.scss
@@ -48,8 +48,7 @@
       }
     }
 
-    &.active > a,
-    > a.active {
+    &.active > a{
       color: $secondary;
       background-color: $quaternary;