diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-editor-navigation.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-editor-navigation.less
index 61cab3b477..d8b83af67a 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-editor-navigation.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-editor-navigation.less
@@ -60,6 +60,7 @@
   font-weight: bold;
   padding: 2px;
   line-height: 16px;
+  display: block;
 
   &.-type-alert {
     background-color: @red-l1;
@@ -67,6 +68,10 @@
   &.-type-warning {
     background-color: @yellow-d2;
   }
+  &:empty {
+    height: 12px;
+    min-width: 12px;
+  }
 }
 
 .umb-sub-views-nav-item-text {
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html
index 1f973ea2f6..e278a8c401 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html
@@ -12,7 +12,7 @@
                ng-class="{'is-active': item.active, '-has-error': item.hasError}">
                 <i class="icon {{ item.icon }}"></i>
                 <span class="umb-sub-views-nav-item-text">{{ item.name }}</span>
-                <div ng-show="item.badge && item.badge.count" class="badge -type-{{item.badge.type}}">{{item.badge.count}}</div>
+                <div ng-show="item.badge" class="badge -type-{{item.badge.type}}">{{item.badge.count}}</div>
             </a>
         </div>
     </li>