From 62a5873a3fa52e5efe03ac292fcec78a0bdfbe90 Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Tue, 28 Apr 2026 15:19:20 +0330
Subject: [PATCH] refactor(CreateCustomer): replace password visibility toggle
 from span to button for improved accessibility

---
 src/components/forms/customers/CreateCustomer.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/forms/customers/CreateCustomer.tsx b/src/components/forms/customers/CreateCustomer.tsx
index a08be57..1b3be4c 100644
--- a/src/components/forms/customers/CreateCustomer.tsx
+++ b/src/components/forms/customers/CreateCustomer.tsx
@@ -129,14 +129,14 @@ const CreateCustomer = ({ defaultValues, editMode, id }: IProps) => {
               disabled={editMode}
               name="password"
               icon={
-                <span
-                  className="cursor-pointer"
+                <button
+                  className="absolute right-4.5 top-1/2 z-10 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded text-dark-5 transition hover:text-primary dark:text-white/75 [&>svg]:!static [&>svg]:!size-5 [&>svg]:!translate-y-0"
                   onClick={() => {
                     setShowPassword(!showPassword);
                   }}
                 >
                   <EyeIcon />
-                </span>
+                </button>
               }
               iconPosition="right"
               label="Password"