diff --git a/resources/views/administrator/pages/block/product/btn.blade.php b/resources/views/administrator/pages/block/product/btn.blade.php
index 20f4609..fa02499 100644
--- a/resources/views/administrator/pages/block/product/btn.blade.php
+++ b/resources/views/administrator/pages/block/product/btn.blade.php
@@ -1,9 +1,12 @@
 @if(auth()->guard('admins')->user()->can("manager product"))
+    @php
+        $trashedCount = \App\Models\ProductCategories::onlyTrashed()->count();
+    @endphp
     <x-button-crm type="button" variant="outline-primary" size="sm" route="products.create" icon="plus-circle">Thêm sản
         phẩm</x-button-crm>
     <x-button-crm type="button" variant="outline-info" size="sm" route="products.group.create" icon="plus-circle">Thêm
         nhóm
         SP</x-button-crm>
     <x-button-crm type="button" variant="outline-danger" size="sm" route="products.group.trash" icon="trash">Thùng
-        rác</x-button-crm>
+        rác @if($trashedCount > 0)<span class="badge bg-danger ms-1">{{ $trashedCount }}</span>@endif</x-button-crm>
 @endif
\ No newline at end of file
diff --git a/resources/views/administrator/pages/product/categories/datatable/action.blade.php b/resources/views/administrator/pages/product/categories/datatable/action.blade.php
index 2ff0c12..53a1d72 100644
--- a/resources/views/administrator/pages/product/categories/datatable/action.blade.php
+++ b/resources/views/administrator/pages/product/categories/datatable/action.blade.php
@@ -1,8 +1,7 @@
 <div class="d-flex gap-2">
-    <x-button-crm type="button" variant="outline-primary" size="sm" route="products.group.edit" :params="['id' => $row->id]"
-        icon="pencil">Edit</x-button-crm>
+    <x-button-crm type="button" variant="outline-primary" size="sm" route="products.group.edit" :params="['id' => $row->id]" icon="pencil" />
     <x-button-crm type="button" variant="outline-danger" size="sm" icon="trash"
-        data-micromodal-trigger="deleteModal-{{ $row->id }}">Delete</x-button-crm>
+        data-micromodal-trigger="deleteModal-{{ $row->id }}" />
 </div>
 
 @include('administrator.pages.product.categories.datatable.modal', [
diff --git a/resources/views/administrator/pages/product/categories/datatable/action_trash.blade.php b/resources/views/administrator/pages/product/categories/datatable/action_trash.blade.php
index 0abd20f..daa1aea 100644
--- a/resources/views/administrator/pages/product/categories/datatable/action_trash.blade.php
+++ b/resources/views/administrator/pages/product/categories/datatable/action_trash.blade.php
@@ -1,6 +1,7 @@
 <div class="d-flex gap-2">
-    <x-button-crm type="button" variant="success" size="sm" route="products.group.restore" :params="['id' => $row->id]" icon="rotate-ccw">Restore</x-button-crm>
-    <x-button-crm type="button" variant="danger" size="sm" icon="trash-2" data-micromodal-trigger="forceDeleteModal-{{ $row->id }}">Force Delete</x-button-crm>
+    <x-button-crm type="button" variant="outline-success" size="sm" route="products.group.restore" :params="['id' => $row->id]" icon="rotate-ccw" />
+    <x-button-crm type="button" variant="outline-danger" size="sm" icon="trash-2"
+        data-micromodal-trigger="forceDeleteModal-{{ $row->id }}" />
 </div>
 
 @include('administrator.pages.product.categories.datatable.modal', [
diff --git a/resources/views/components/button-c-r-m.blade.php b/resources/views/components/button-c-r-m.blade.php
index 2979066..ce92d60 100644
--- a/resources/views/components/button-c-r-m.blade.php
+++ b/resources/views/components/button-c-r-m.blade.php
@@ -52,21 +52,20 @@
     $variantClass = $variants[$variant ?? 'primary'] ?? $variants['primary'];
     $sizeClass = $sizes[$size ?? 'default'] ?? '';
 
-    $classes = "btn {$variantClass} {$sizeClass}";
+    $classes = "btn d-flex align-items-center {$variantClass} {$sizeClass}";
 @endphp
-        
-        @if($tag === 'a')
-            <a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>
-                @if($icon)
-                    <i data-lucide="{{ $icon }}" class="me-1" style="height: 14px; width: 14px"></i>
-                @endif
-                {{ $slot }}
-            </a>
-        @else
-            <button type="{{ $buttonType }}" {{ $attributes->merge(['class' => $classes]) }}>
-                @if($icon)
-                    <i data-lucide="{{ $icon }}" class="me-1" style="height: 14px; width: 14px"></i>
-                @endif
-                    {{ $slot }}
-                </button>
-        @endif
\ No newline at end of file
+@if($tag === 'a')
+    <a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>
+        @if($icon)
+            <i data-lucide="{{ $icon }}" style="height: 14px; width: 14px"></i>
+        @endif
+        @if($slot->isNotEmpty())<span class="ms-1">{{ $slot }}</span>@endif
+    </a>
+@else
+    <button type="{{ $buttonType }}" {{ $attributes->merge(['class' => $classes]) }}>
+        @if($icon)
+            <i data-lucide="{{ $icon }}" style="height: 14px; width: 14px"></i>
+        @endif
+        @if($slot->isNotEmpty())<span class="ms-1">{{ $slot }}</span>@endif
+    </button>
+@endif
\ No newline at end of file