diff --git a/packages/theme/src/theme/variants/input.ts b/packages/theme/src/theme/variants/input.ts
index c47b49939..c6c3aa45b 100644
--- a/packages/theme/src/theme/variants/input.ts
+++ b/packages/theme/src/theme/variants/input.ts
@@ -54,13 +54,12 @@ const clean: ThemeUIStyleObject = {
 
 const error: ThemeUIStyleObject = {
   variant: "forms.input",
-  boxShadow: "0px 0px 0px 1px var(--error) inset",
-  outline: "none",
+  outline: "1.5px solid var(--error)",
   ":focus": {
-    boxShadow: "0px 0px 0px 1.5px var(--error) inset"
+    outline: "2px solid var(--error)"
   },
   ":hover:not(:focus)": {
-    boxShadow: "0px 0px 0px 1px var(--error) inset"
+    outline: "1.5px solid var(--error)"
   }
 };