diff --git a/js/layouts/navigation-menu.js b/js/layouts/navigation-menu.js
index bf73d7fc2..0a8aeb0d8 100644
--- a/js/layouts/navigation-menu.js
+++ b/js/layouts/navigation-menu.js
@@ -31,6 +31,7 @@ $(function()
 				},
 			css_classes:
 				{
+					is_hidden: 'ibo-is-hidden',
 					menu_expanded: 'ibo-is-expanded',
 					menu_active: 'ibo-is-active',
 					menu_filtered: 'ibo-is-filtered',
@@ -361,7 +362,7 @@ $(function()
 								for (const [key, value] of Object.entries(data.counts)) {
 									let menuEntry = me.element.find('[data-menu-id="'+key+'"]');
 									menuEntry.html(value);
-									menuEntry.show();
+									menuEntry.removeClass(me.css_classes.is_hidden);
 								}
 							}
 						});
diff --git a/templates/base/layouts/navigation-menu/menu-node.html.twig b/templates/base/layouts/navigation-menu/menu-node.html.twig
index 3db4a5c66..a998e47ef 100644
--- a/templates/base/layouts/navigation-menu/menu-node.html.twig
+++ b/templates/base/layouts/navigation-menu/menu-node.html.twig
@@ -4,7 +4,8 @@
 		<a class="ibo-navigation-menu--menu-node-title" data-role="ibo-navigation-menu--menu-node-title" href="{{ aMenuNode.sUrl }}" {{ sTarget|raw }}>
 			<span class="ibo-navigation-menu--menu-node-label" data-role="ibo-navigation-menu--menu-node-label" title="{{ aMenuNode.sTitle }}">{{ aMenuNode.sTitle }}</span>
 			{% if aMenuNode.bHasCount %}
-				<span class="ibo-navigation-menu--menu-node-counter" data-menu-id="{{ aMenuNode.sId }}" style="display: none;"></span>
+                {# Counters will be shown once the background update is done (see JS widget) #}
+				<span class="ibo-navigation-menu--menu-node-counter ibo-is-hidden" data-menu-id="{{ aMenuNode.sId }}"></span>
 			{% endif %}
 		</a>
 	{% else %}