diff --git a/frontend/components/ui/input.tsx b/frontend/components/ui/input.tsx
index d9034421..04599fd0 100644
--- a/frontend/components/ui/input.tsx
+++ b/frontend/components/ui/input.tsx
@@ -56,7 +56,8 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
           <button
             type="button"
             className="absolute top-1/2 opacity-0 group-hover:opacity-100 hover:text-primary transition-all right-3 transform -translate-y-1/2 text-sm text-muted-foreground"
-            onClick={handleTogglePassword}
+            onMouseDown={(e) => e.preventDefault()}
+            onMouseUp={handleTogglePassword}
           >
             {showPassword ? (
               <Eye className="w-4" />