diff --git a/packages/ui/src/components/misc/button.vue b/packages/ui/src/components/misc/button.vue
index c9d788f07..ac2142f71 100644
--- a/packages/ui/src/components/misc/button.vue
+++ b/packages/ui/src/components/misc/button.vue
@@ -49,7 +49,7 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
         'rounded-lg',
         'backdrop-blur-md',
         'bg-primary-500/15 hover:bg-primary-500/20 active:bg-primary-500/30 dark:bg-primary-700/30 dark:hover:bg-primary-700/40 dark:active:bg-primary-700/30',
-        'focus:ring-primary-300/60 dark:focus:ring-primary-600/30',
+        'focus:ring-none',
         'border-2 border-solid border-primary-500/5 dark:border-primary-900/40',
         'text-primary-950 dark:text-primary-100',
         'focus:ring-2',
@@ -62,7 +62,7 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
         'rounded-lg',
         'backdrop-blur-md',
         'bg-neutral-100/55 hover:bg-neutral-400/20 active:bg-neutral-400/30 dark:bg-neutral-700/60 dark:hover:bg-neutral-700/80 dark:active:bg-neutral-700/60',
-        'focus:ring-neutral-300/30 dark:focus:ring-neutral-600/60 dark:focus:ring-neutral-600/30',
+        'focus:ring-none',
         'border-2 border-solid border-neutral-300/30 dark:border-neutral-700/30',
         'text-neutral-950 dark:text-neutral-100',
         'focus:ring-2',
@@ -76,7 +76,7 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
         'backdrop-blur-md',
         'hover:bg-neutral-50/50 active:bg-neutral-50/90 hover:dark:bg-neutral-800/50 active:dark:bg-neutral-800/90',
         'border-2 border-solid border-neutral-100/60 dark:border-neutral-800/30',
-        'focus:ring-2 focus:ring-neutral-300/30 dark:focus:ring-neutral-600/60 dark:focus:ring-neutral-600/30',
+        'focus:ring-none',
       ],
       nonToggled: 'bg-neutral-50/70 dark:bg-neutral-800/70 text-neutral-500 dark:text-neutral-400',
       toggled: 'bg-white/90 dark:bg-neutral-500/70 ring-neutral-300/30 dark:ring-neutral-600/60 ring-2 dark:ring-neutral-600/30 text-primary-500 dark:text-primary-100',
@@ -88,7 +88,7 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
         'rounded-lg',
         'backdrop-blur-md',
         'bg-red-500/15 hover:bg-red-500/20 active:bg-red-500/30 dark:bg-red-700/30 dark:hover:bg-red-700/40 dark:active:bg-red-700/30',
-        'focus:ring-2 focus:ring-red-300/30 dark:focus:ring-red-600/60 dark:focus:ring-red-600/30',
+        'focus:ring-none',
         'border-2 border-solid border-red-200/30 dark:border-red-900/30',
         'text-red-950 dark:text-red-100',
       ],
@@ -99,9 +99,9 @@ const variantClasses: Record<ButtonVariant, Record<ButtonTheme, {
       default: [
         'rounded-lg',
         'backdrop-blur-md',
-        'bg-amber-400/20 hover:bg-amber-400/25 active:bg-amber-400/35 dark:bg-amber-500/20 dark:hover:bg-amber-500/30 dark:active:bg-amber-500/35',
-        'focus:ring-2 focus:ring-amber-300/40 dark:focus:ring-amber-400/40',
-        'border-2 border-solid border-amber-300/40 dark:border-amber-500/40',
+        'bg-amber-400/20 hover:bg-amber-400/25 active:bg-amber-400/35 dark:bg-amber-500/20 dark:hover:bg-amber-500/30 dark:active:bg-amber-500/20',
+        'focus:ring-none',
+        'border-2 border-solid border-amber-300/30 dark:border-amber-500/15',
         'text-amber-900 dark:text-amber-50',
       ],
     },