diff --git a/webapp/templates/webapp/tags/display_all_tags.html.twig b/webapp/templates/webapp/tags/display_all_tags.html.twig
index 3b4b34da1e34d17688f135864ec3e0ea336b915a..7853a129a2c69f06388e0c6aeeb059242c7ef80b 100644
--- a/webapp/templates/webapp/tags/display_all_tags.html.twig
+++ b/webapp/templates/webapp/tags/display_all_tags.html.twig
@@ -20,13 +20,14 @@
         {{ 'tags.display_all.total_number'|trans({'%count%': tags_count }) }}
     </div>
 
-    <ul class="list-group">
+    <ul>
         {% for tag in tags_collection %}
-            <li id="tag_{{ tag.slug | replace({'.': "-"}) }}">
-{#                <a class="list-group-item list-group-item-action tag_link" #}
-{#                   href="{{ path('app_tags_display_one_tag', {'slug': tag.slug, 'id': tag.id }) }}">{{ tag.name }}</a>#}
+            <li id="tag_{{ tag.slug | replace({'.': "-"}) }}"
+                class="tag_item_{{ tag.id }} badge bg-primary-subtle text-primary-emphasis rounded-pill m-1">
                 <a class="tag_link"
-                   href="{{ path('app_tags_display_one_tag', {'slug': tag.slug, 'id': tag.id }) }}">{{ tag.name }}</a>
+                   href="{{ path('app_tags_display_one_tag', {'slug': tag.slug, 'id': tag.id }) }}">
+                    {{ tag.name }}
+                </a>
             </li>
         {% endfor %}
     </ul>