diff --git a/src/app/ui/forms/login-form.tsx b/src/app/ui/forms/login-form.tsx
index 6401378..8f25c76 100644
--- a/src/app/ui/forms/login-form.tsx
+++ b/src/app/ui/forms/login-form.tsx
@@ -15,17 +15,10 @@ export default function LoginForm() {
 
 	const [showPassword, setShowPassword] = useState(false);
 
-	function handleMouseDown() {
-		setShowPassword(true);
+	function showPassowrd() {
+		setShowPassword(!showPassword);
 	}
 
-	function handleMouseUp() {
-		setShowPassword(false);
-	}
-
-	function handleMouseOut() {
-		setShowPassword(false);
-	}
 
 	const checkBoxRememberMe = useRef<HTMLInputElement>(null);
 
@@ -65,9 +58,9 @@ export default function LoginForm() {
 						placeholder={t('enter-password')}
 					/>
 					<button
-						onMouseDown={handleMouseDown}
-						onMouseUp={handleMouseUp}
-						onMouseOut={handleMouseOut}
+						onClick={() => {
+							showPassowrd();
+						}}
 						type="button"
 						className={`show-password-button ${showPassword ? 'show' : ''}`}
 					>