diff --git a/app/assets/javascripts/discourse/components/navigation-item.js.es6 b/app/assets/javascripts/discourse/components/navigation-item.js.es6
index 3ec22d8b8ca..9ee2e389059 100644
--- a/app/assets/javascripts/discourse/components/navigation-item.js.es6
+++ b/app/assets/javascripts/discourse/components/navigation-item.js.es6
@@ -3,7 +3,7 @@ import { bufferedRender } from 'discourse-common/lib/buffered-render';
 
 export default Ember.Component.extend(bufferedRender({
   tagName: 'li',
-  classNameBindings: ['active', 'content.hasIcon:has-icon'],
+  classNameBindings: ['active', 'content.hasIcon:has-icon', 'content.classNames'],
   attributeBindings: ['content.title:title'],
   hidden: Em.computed.not('content.visible'),
   rerenderTriggers: ['content.count'],