diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index 2c6a1b0dd..b0dea8780 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -10,7 +10,7 @@ const inputVariants = cva(
     'selection:bg-primary selection:text-primary-foreground',
     '[&>input]:placeholder:text-muted-foreground',
     'focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50',
-    'has-[[aria-invalid]]:border-destructive has-[[aria-invalid]]:ring-destructive/20 dark:has-[[aria-invalid]]:ring-destructive/40',
+    'has-aria-invalid:border-destructive has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40',
     '[&>input]:disabled:opacity-50'
   ),
   {