diff --git a/resources/views/components/ui/button.blade.php b/resources/views/components/ui/button.blade.php
index e1c3a85..b6c8361 100644
--- a/resources/views/components/ui/button.blade.php
+++ b/resources/views/components/ui/button.blade.php
@@ -21,11 +21,11 @@ $cls = $base . ' ' . ($variants[$variant] ?? $variants['primary']);
     {{ $attributes->merge(['type' => $type, 'class' => $cls]) }}
     @if($action) wire:loading.attr="disabled" wire:target="{{ $action }}" @endif
 >
-    <span @if($action) wire:loading.remove wire:target="{{ $action }}" @endif class="flex items-center gap-2">
+    <span @if($action) wire:loading.class="opacity-50" wire:target="{{ $action }}" @endif class="flex items-center gap-2">
         {{ $slot->isNotEmpty() ? $slot : $label }}
     </span>
     @if($action)
-        <span wire:loading wire:target="{{ $action }}" class="flex items-center justify-center">
+        <span wire:loading wire:target="{{ $action }}" class="absolute inset-0 flex items-center justify-center pointer-events-none">
             <svg class="animate-spin w-5 h-5 flex-shrink-0" viewBox="0 0 24 24" fill="none">
                 <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2.5" stroke-opacity="0.25"/>
                 <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2.5"