diff --git a/resources/css/presets/tailwind.config.preset.js b/resources/css/presets/tailwind.config.preset.js
index cf031785..7ee46872 100644
--- a/resources/css/presets/tailwind.config.preset.js
+++ b/resources/css/presets/tailwind.config.preset.js
@@ -1,3 +1,4 @@
+import colors from 'tailwindcss/colors';
 import forms from '@tailwindcss/forms';
 import typography from '@tailwindcss/typography';
 
@@ -7,6 +8,9 @@ export default {
   plugins: [forms, typography],
   theme: {
     extend: {
+      colors: {
+        primary: colors.slate,
+      },
       container: {
         center: true,
         padding: '2rem',
diff --git a/resources/views/actions/button.blade.php b/resources/views/actions/button.blade.php
index 9588801c..727cdff0 100644
--- a/resources/views/actions/button.blade.php
+++ b/resources/views/actions/button.blade.php
@@ -1,14 +1,18 @@
 <button {{ $attributes
     ->cssClass([
         'layer' => 'flex shrink-0 cursor-pointer items-center justify-center',
-        'label' => 'text-sm',
+        'label' => 'text-inherit',
         'primary' => 'py-1.5 px-3 bg-primary-500 rounded border border-primary-500',
+        'active' => 'text-primary-400 hover:text-primary-300',
+        'inactive' => 'text-secondary-400 hover:text-primary-400',
         'icon' => 'size-6 text-secondary-400',
     ])
     ->mergeAttributes($action->getComponentAttributes())
     ->classMerge([
         'layer',
         'primary' => $attributes->get('type') === 'submit',
+        'active' => $isCurrent(),
+        'inactive' => ! $isCurrent(),
     ])
     ->merge([
         'type' => 'button',
diff --git a/resources/views/actions/link.blade.php b/resources/views/actions/link.blade.php
index 38cee324..4915e24a 100644
--- a/resources/views/actions/link.blade.php
+++ b/resources/views/actions/link.blade.php
@@ -24,9 +24,11 @@
             class:icon="{{ $attributes->classFor('icon') }}"
         />
 
-        <span class="{{ $attributes->classFor('label') }}">
-            {{ $label() }}
-        </span>
+        @if ($action->hasLabel())
+            <span class="{{ $attributes->classFor('label') }}">
+                {{ $label() }}
+            </span>
+        @endif
     @else
         {{ $slot }}
     @endif
diff --git a/src/Actions/Components/Button.php b/src/Actions/Components/Button.php
index 00fa0959..aa6da9fc 100644
--- a/src/Actions/Components/Button.php
+++ b/src/Actions/Components/Button.php
@@ -3,23 +3,12 @@
 namespace Foxws\WireUse\Actions\Components;
 
 use Closure;
-use Foxws\WireUse\Actions\Support\Action;
-use Foxws\WireUse\Views\Support\Component;
 use Illuminate\View\View;
 
-class Button extends Component
+class Button extends Link
 {
-    public function __construct(
-        public Action $action,
-    ) {}
-
     public function render(): View|Closure|string
     {
         return view('wireuse::actions.button');
     }
-
-    public function label(): ?string
-    {
-        return $this->action->getLabel() ?: $this->action->getName();
-    }
 }