diff --git a/src/Resources/views/brick/sublist_items/index.html.twig b/src/Resources/views/brick/sublist_items/index.html.twig
index f0ce0c86..ec11018a 100644
--- a/src/Resources/views/brick/sublist_items/index.html.twig
+++ b/src/Resources/views/brick/sublist_items/index.html.twig
@@ -3,6 +3,12 @@
         <div class="card-header py-1">
             {% if tab is defined %}
                 {% include("@LleCrudit/brick/list_items/_pager.html.twig") with { tab: tab } %}
+                <script>
+                    window.addEventListener('load', function () {
+                        var badge = document.getElementById("{{ tab.id }}-badge");
+                        badge.textContent ="{{ view.config.datasource_params.count }}";
+                    });
+                </script>
             {% else %}
                 {% include("@LleCrudit/brick/list_items/_pager.html.twig") %}
             {% endif %}
diff --git a/src/Resources/views/brick/tab/index.html.twig b/src/Resources/views/brick/tab/index.html.twig
index 9163a887..0f64db52 100644
--- a/src/Resources/views/brick/tab/index.html.twig
+++ b/src/Resources/views/brick/tab/index.html.twig
@@ -17,10 +17,12 @@
                             ) %}
                             {% set active = true %}
                             active
-                            {% endif %}"
+                            {% endif %} position-relative"
                         data-bs-toggle="tab"
                         href="#{{ tab.id }}"
-                        role="tab" type="button">{{ tab.label|trans(domain=view.config.translation_domain) }}</a>
+                        role="tab" type="button">{{ tab.label|trans(domain=view.config.translation_domain) }}
+                      <span id="{{ tab.id }}-badge" class="position-absolute top-0 start-200 translate-middle badge rounded-pill bg-primary"></span>
+                    </a>
                 </li>
             {% endif %}
         {% endfor %}