diff --git a/packages/theme/src/components/button.ts b/packages/theme/src/components/button.ts
index 6431d96f..d8e21812 100644
--- a/packages/theme/src/components/button.ts
+++ b/packages/theme/src/components/button.ts
@@ -10,7 +10,7 @@ const baseButton = tv({
     'rounded',
     'disabled:cursor-not-allowed',
     'disabled:opacity-40',
-    'focus-visable:ring'
+    'focus-visible:ring'
   ],
   variants: {
     appearance: {
diff --git a/packages/theme/src/components/close-button.ts b/packages/theme/src/components/close-button.ts
index 1fb96617..22541ebf 100644
--- a/packages/theme/src/components/close-button.ts
+++ b/packages/theme/src/components/close-button.ts
@@ -2,7 +2,7 @@ import { tv, type VariantProps } from '../tw';
 
 const closeButton = tv({
   slots: {
-    base: 'rounded-full transition transition-200 focus-visable:ring text-inherit',
+    base: 'rounded-full transition transition-200 focus-visible:ring text-inherit',
     icon: 'size-[1em]'
   },