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>