From 373b588514ee9a06b10c5abf1a7d82a61a101385 Mon Sep 17 00:00:00 2001
From: Youssef <khedher.youssef@hotmail.fr>
Date: Sun, 9 Jan 2022 12:10:05 +0100
Subject: [PATCH] fix: add outlined for username login input and fix eye icon
 padding

---
 frontend/src/component/common/PasswordField/PasswordField.tsx | 2 +-
 frontend/src/component/user/PasswordAuth/PasswordAuth.jsx     | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/common/PasswordField/PasswordField.tsx b/frontend/src/component/common/PasswordField/PasswordField.tsx
index 7b95a09625..61fa587a21 100644
--- a/frontend/src/component/common/PasswordField/PasswordField.tsx
+++ b/frontend/src/component/common/PasswordField/PasswordField.tsx
@@ -22,7 +22,7 @@ const PasswordField = ({ ...rest }) => {
             type={showPassword ? 'text' : 'password'}
             InputProps={{
                 style: {
-                    paddingRight: '0px !important',
+                    paddingRight: '0px',
                 },
                 endAdornment: (
                     <InputAdornment position="end">
diff --git a/frontend/src/component/user/PasswordAuth/PasswordAuth.jsx b/frontend/src/component/user/PasswordAuth/PasswordAuth.jsx
index 98ed83b58c..1dda82d4a5 100644
--- a/frontend/src/component/user/PasswordAuth/PasswordAuth.jsx
+++ b/frontend/src/component/user/PasswordAuth/PasswordAuth.jsx
@@ -114,6 +114,8 @@ const PasswordAuth = ({ authDetails, passwordLogin }) => {
                                 helperText={usernameError}
                                 autoComplete="true"
                                 data-test={LOGIN_EMAIL_ID}
+                                variant="outlined"
+                                size="small"
                             />
                             <PasswordField
                                 label="Password"