fixed the eye button (#469)

Open-Code-Crafters · Nov 10, 2024 · b348c1f · b348c1f
1 parent 39db517
commit b348c1f
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/views/Login.jsx b/src/views/Login.jsx
@@ -254,8 +254,15 @@ const Login = () => {
                 },
               },
               endAdornment: (
-                <IconButton onClick={handleClickShowPassword}>
-                  {showPassword ? <VisibilityOff /> : <Visibility />}
+                <IconButton onClick={handleClickShowPassword}
+                edge= "end"
+                sx={{
+                  positon: "absolute",
+                  right: 0,	// keeps the icon at the right edge
+                  padding: "2.0rem",	// for better allignment 
+                  			// fixed the eye button below
+                }}>  
+                  {showPassword ? <Visibility /> : <VisibilityOff />}
                 </IconButton>
               ),
             }}
@@ -388,4 +395,4 @@ const Login = () => {
   );
 };
 
-export default Login;
+export default Login;