diff --git a/app/assets/javascripts/discourse/components/navigation-item.js.es6 b/app/assets/javascripts/discourse/components/navigation-item.js.es6
index 62762a0c8e1..bf3bb683bfc 100644
--- a/app/assets/javascripts/discourse/components/navigation-item.js.es6
+++ b/app/assets/javascripts/discourse/components/navigation-item.js.es6
@@ -3,9 +3,9 @@ import { bufferedRender } from 'discourse-common/lib/buffered-render';
 
 export default Ember.Component.extend(bufferedRender({
   tagName: 'li',
-  classNameBindings: ['active', 'content.hasIcon:has-icon', 'content.classNames'],
+  classNameBindings: ['active', 'content.hasIcon:has-icon', 'content.classNames', 'hidden'],
   attributeBindings: ['content.title:title'],
-  hidden: Em.computed.not('content.visible'),
+  hidden: false,
   rerenderTriggers: ['content.count'],
 
   @computed("content.filterMode", "filterMode")
@@ -28,7 +28,7 @@ export default Ember.Component.extend(bufferedRender({
     }
 
     if (!this.get('active') && this.currentUser && this.currentUser.trust_level > 1 && (content.get('name') === "new" || content.get('name') === "unread") && (content.get('count') < 1)) {
-      return;
+      this.set('hidden', true);
     }
 
     buffer.push(`<a href='${href}'>`);