diff --git a/src/components/LoginPage/LoginForm.tsx b/src/components/LoginPage/LoginForm.tsx
index 274b876..a402d3c 100644
--- a/src/components/LoginPage/LoginForm.tsx
+++ b/src/components/LoginPage/LoginForm.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { FormHelperText } from "@mui/material";
+import { FormHelperText, IconButton, InputAdornment } from "@mui/material";
 import Button from "@mui/material/Button";
 import Stack from "@mui/material/Stack";
 import TextField from "@mui/material/TextField";
@@ -14,6 +14,7 @@ import { SubmitHandler, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import {SetupAxiosInterceptors} from "@/app/(main)/axios/axiosInstance";
 import {useToken} from "@/app/(main)/axios/AxiosProvider";
+import { Visibility, VisibilityOff } from "@mui/icons-material";
 
 type LoginFields = {
   username: string;
@@ -51,7 +52,12 @@ const LoginForm: React.FC = () => {
   const router = useRouter();
   const { setAccessToken } = useToken();
 
+  const [showPassword, setShowPassword] = useState(false);
+  const handleClickShowPassword = () => setShowPassword(!showPassword);
+  const handleMouseDownPassword = () => setShowPassword(!showPassword);
+
   const onSubmit: SubmitHandler<LoginFields> = async (data) => {
+    console.log(data)
     const res = await signIn("credentials", {
       redirect: false,
       ...data,