From b4cf6264681fa152ff8ee7be4691c55fb303bfd0 Mon Sep 17 00:00:00 2001
From: brabli <67018167+brabli@users.noreply.github.com>
Date: Thu, 30 Apr 2026 12:16:58 +0100
Subject: [PATCH] Render icon

---
 Resources/views/Badge.html.twig | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/Resources/views/Badge.html.twig b/Resources/views/Badge.html.twig
index 6eff3c9..d62a24b 100644
--- a/Resources/views/Badge.html.twig
+++ b/Resources/views/Badge.html.twig
@@ -1,11 +1,13 @@
 <div {{ attributes }} class="{{ this.finalClasses }}">
-    {% if this.icon %}
-        <twig:ux:icon name="{{ this.icon }}" class="size-4" />
-    {% endif %}
+    <span class="inline-flex items-center justify-center gap-[0.4em] leading-none">
+        {% if this.icon %}
+            <twig:ux:icon name="{{ this.icon }}" class="size-[1em] shrink-0" />
+        {% endif %}
 
-    {% if block('content') is not empty %}
-        {% block content %}{% endblock %}
-    {% else %}
-        {{- this.label -}}
-    {% endif %}
+        {% if block('content') is not empty %}
+            {% block content %}{% endblock %}
+        {% else %}
+            {{- this.label -}}
+        {% endif %}
+    </span>
 </div>