diff --git a/src/components/LoginPage/LoginForm.tsx b/src/components/LoginPage/LoginForm.tsx
index 1110afc..274b876 100644
--- a/src/components/LoginPage/LoginForm.tsx
+++ b/src/components/LoginPage/LoginForm.tsx
@@ -94,15 +94,29 @@ const LoginForm: React.FC = () => {
       <TextField
         label={t("Username")}
         {...register("username", { required: t("Please enter a username") })}
+        
         error={Boolean(errors.username)}
         helperText={errors.username?.message}
       />
       <TextField
         label={t("Password")}
-        type="password"
+        type={showPassword ? "text" : "password"}
         {...register("password", { required: t("Please enter a password") })}
         error={Boolean(errors.password)}
         helperText={errors.password?.message}
+        InputProps={{
+          endAdornment: (
+            <InputAdornment position="end">
+              <IconButton
+                aria-label="toggle password visibility"
+                onClick={handleClickShowPassword}
+                onMouseDown={handleMouseDownPassword}
+              >
+                {showPassword ? <Visibility /> : <VisibilityOff />}
+              </IconButton>
+            </InputAdornment>
+          ),
+        }}
       />
       {serverError && (
         <FormHelperText error>