diff --git a/resources/views/actions/button.blade.php b/resources/views/actions/button.blade.php
index f9e65631..6439db4e 100644
--- a/resources/views/actions/button.blade.php
+++ b/resources/views/actions/button.blade.php
@@ -3,8 +3,8 @@
         'layer' => 'flex shrink-0 cursor-pointer items-center justify-center',
         'label' => 'text-inherit',
         'primary' => 'py-1.5 px-3 gap-1 bg-primary-500 rounded border border-primary-500',
-        'active' => 'text-primary-400 hover:text-primary-300',
-        'inactive' => 'text-secondary-400 hover:text-primary-400',
+        'active' => 'text-primary-100 hover:text-primary-100',
+        'inactive' => 'text-secondary-100 hover:text-primary-100',
         'icon' => 'size-6 text-secondary-400',
     ])
     ->mergeAttributes($action->getComponentAttributes())
@@ -20,10 +20,12 @@
     ])
 }}>
     @if ($slot->isEmpty())
-        <x-wireuse::actions-icon
-            :$action
-            class:icon="{{ $attributes->classFor('icon') }}"
-        />
+        @if ($action->hasIcon())
+            <x-wireuse::actions-icon
+                :$action
+                class:icon="{{ $attributes->classFor('icon') }}"
+            />
+        @endif
 
         @if ($action->hasLabel())
             <span class="{{ $attributes->classFor('label') }}">
diff --git a/resources/views/actions/link.blade.php b/resources/views/actions/link.blade.php
index e6f60453..5f7d8d1c 100644
--- a/resources/views/actions/link.blade.php
+++ b/resources/views/actions/link.blade.php
@@ -21,10 +21,12 @@
     ])
 }}>
     @if ($slot->isEmpty())
-        <x-wireuse::actions-icon
-            :$action
-            class:icon="{{ $attributes->classFor('icon') }}"
-        />
+        @if ($action->hasIcon())
+            <x-wireuse::actions-icon
+                :$action
+                class:icon="{{ $attributes->classFor('icon') }}"
+            />
+        @endif
 
         @if ($action->hasLabel())
             <span class="{{ $attributes->classFor('label') }}">