diff --git a/resources/css/app.css b/resources/css/app.css
index f54e52969..93d5c4896 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -12,5 +12,5 @@ input, select, textarea {
     @apply border-none p-2 bg-neutral-800 text-white disabled:text-neutral-600;
 }
 button {
-    @apply border-none px-2 rounded cursor-pointer;
+    @apply border-none px-2 p-1 cursor-pointer;
 }
diff --git a/resources/views/components/inputs/button.blade.php b/resources/views/components/inputs/button.blade.php
index 9adb00a8d..9ab8d023e 100644
--- a/resources/views/components/inputs/button.blade.php
+++ b/resources/views/components/inputs/button.blade.php
@@ -1,10 +1,11 @@
 @props([
+    'class' => null,
     'defaultClass' => 'text-white bg-violet-500 hover:bg-violet-600',
     'confirm' => null,
     'confirmAction' => null,
 ])
 
-<button {{ $attributes }} {{ $attributes->merge(['class' => $defaultClass]) }}
+<button {{ $attributes }} {{ $attributes->merge(['class' => "$defaultClass $class"]) }}
     @if ($attributes->whereStartsWith('wire:click')) wire:target="{{ $attributes->whereStartsWith('wire:click')->first() }}"
     wire:loading.class="text-black bg-green-500" wire:loading.attr="disabled" wire:loading.class.remove="{{ $defaultClass }} {{ $attributes->whereStartsWith('class')->first() }}" @endif
     @isset($confirm) x-on:click="toggleConfirmModal('{{ $confirm }}')" @endisset