diff --git a/src/ui/button/index.ts b/src/ui/button/index.ts
index 20f15c8..25ff299 100644
--- a/src/ui/button/index.ts
+++ b/src/ui/button/index.ts
@@ -4,7 +4,7 @@ import { type VariantProps, tv } from 'tailwind-variants';
 import Root from './button.svelte';
 
 const buttonVariants = tv({
-  base: 'inline-flex items-center space-x-3 justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:ring-neutral-700 focus-visible:ring-neutral-500',
+  base: 'inline-flex items-center space-x-3 justify-center whitespace-nowrap rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:ring-neutral-700 focus-visible:ring-neutral-500',
   variants: {
     variant: {
       default: