From b7e01d02686735a6946a6312c84cd435515684e3 Mon Sep 17 00:00:00 2001
From: Palash Dhavle <palashdhavle15@gmail.com>
Date: Sat, 28 Oct 2023 13:27:40 +0530
Subject: [PATCH] made eye icon smaller and changed the color to match the
 input border

---
 components/ui/input.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/ui/input.tsx b/components/ui/input.tsx
index 14a799a1..7c9cf215 100644
--- a/components/ui/input.tsx
+++ b/components/ui/input.tsx
@@ -33,9 +33,9 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
           />
           <div className='flex items-center mx-2 cursor-pointer' onClick={() => { setPasswordVisibility(!passwordVisibility) }}>
             {passwordVisibility ? 
-            <Eye width={25} height={25} /> 
+            <Eye color="#c3c5ca" width={20} height={20} /> 
             : 
-            <EyeOff width={25} height={25} />}
+            <EyeOff color="#e5e7eb" width={20} height={20} />}
             </div>
         </div>
     )