diff --git a/demo/nextjs/components/ui/password-input.tsx b/demo/nextjs/components/ui/password-input.tsx
index db6f1188..e44fc600 100644
--- a/demo/nextjs/components/ui/password-input.tsx
+++ b/demo/nextjs/components/ui/password-input.tsx
@@ -17,8 +17,7 @@ const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(
 			<div className="relative">
 				<Input
 					{...props}
-					type="text"
-					autoComplete="new-password"
+					type={showPassword ? "text" : "password"}
 					name="password_fake"
 					className={cn("hide-password-toggle pr-10", className)}
 					ref={ref}
@@ -31,7 +30,7 @@ const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(
 					onClick={() => setShowPassword((prev) => !prev)}
 					disabled={disabled}
 				>
-					{!showPassword && !disabled ? (
+					{showPassword && !disabled ? (
 						<EyeIcon className="h-4 w-4" aria-hidden="true" />
 					) : (
 						<EyeOffIcon className="h-4 w-4" aria-hidden="true" />