fix icon

Author: QuentinGab

src/Ui/Button.php

@@ -34,7 +34,7 @@ public function hover(): static
     public function icon(): static
     {
         return $this->append(match ($this->size) {
-            '2xs' => 'size-4 p-px',
+            '2xs' => 'size-4 p-px text-sm',
             'xs' => 'size-4 text-base',
             'sm' => 'size-5 p-0.5 text-base',
             'base', 'md' => 'size-5 p-0.5 text-base',

src/Ui/Tag.php

@@ -7,8 +7,8 @@ class Tag extends Base
     public function icon(): static
     {
         $this->append(match ($this->size) {
-            '2xs' => 'size-4 p-px',
-            'xs' => 'size-4',
+            '2xs' => 'size-4 p-px text-sm',
+            'xs' => 'size-4 text-base',
             'sm' => 'size-5 p-0.5 text-base',
             'base', 'md' => 'size-5 p-0.5 text-base',
             'lg' => 'size-6 p-0.5',

workbench/resources/views/demo.blade.php

@@ -72,6 +72,13 @@ class="w-full rounded hover:bg-gray-100" size="sm">
         <div class="flex items-center justify-center border-b">
             <x-kit::tag color="white">
                 Tag
+                <x-slot:button>
+                    <x-kit::button color="white" size="2xs" class="rounded-full">
+                        <x-slot:icon>
+                            <iconify-icon icon="heroicons:x-mark"></iconify-icon>
+                        </x-slot:icon>
+                    </x-kit::button>
+                </x-slot:button>
             </x-kit::tag>
         </div>
         <div class="flex items-center justify-center border-b">