From bf9263e5cd32096ba808720ed1135d4eb86f302b Mon Sep 17 00:00:00 2001
From: Viraj-10 <virajjoshi132@gmail.com>
Date: Tue, 6 Dec 2022 11:55:36 +0530
Subject: [PATCH] fix: invalid state for light mode

---
 src/theme/components/input.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/theme/components/input.ts b/src/theme/components/input.ts
index 4dd240f47..ed3047c61 100644
--- a/src/theme/components/input.ts
+++ b/src/theme/components/input.ts
@@ -42,6 +42,16 @@ const baseStyle = (props: InterfaceInputProps & { theme: any }) => {
     _hover: {
       borderColor: 'primary.600',
     },
+    _invalid: {
+      borderColor: 'error.600',
+      _hover: { borderColor: 'error.600' },
+      _stack: {
+        style: {
+          outlineWidth: '0',
+          boxShadow: `0 0 0 1px ${error[600]}`,
+        },
+      },
+    },
     _focus: {
       borderColor: 'primary.600',
       _hover: { borderColor: 'primary.600' },