diff --git a/frontend/src/components/register/Register.jsx b/frontend/src/components/register/Register.jsx
index 3ad6632..648d0cb 100644
--- a/frontend/src/components/register/Register.jsx
+++ b/frontend/src/components/register/Register.jsx
@@ -195,7 +195,7 @@ function Register() {
   const [submitting, setSubmitting] = useState(false);
   const [verifying, setVerifying] = useState(false);
   const [showPassword, setShowPassword] = useState(false);
-
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
   const months = [
     "January", "February", "March", "April", "May", "June",
     "July", "August", "September", "October", "November", "December",
@@ -453,18 +453,32 @@ function Register() {
             </div>
 
             <div>
-              <Label>Confirm Password</Label>
-              <div className="space-y-1.5">
-                <StyledInput
-                  name="confirm_password"
-                  type="password"
-                  autoComplete="new-password"
-                  value={user_values.confirm_password}
-                  onChange={handle_user_values}
-                  required
-                  disabled={submitting || verifying}
-                  placeholder="Confirm your password"
-                />
+             <div className="space-y-1.5">
+  <div className="relative">
+    <StyledInput
+      name="confirm_password"
+      type={showConfirmPassword ? "text" : "password"}
+      autoComplete="new-password"
+      value={user_values.confirm_password}
+      onChange={handle_user_values}
+      required
+      disabled={submitting || verifying}
+      placeholder="Confirm your password"
+    />
+    <button
+      type="button"
+      onClick={() => setShowConfirmPassword(!showConfirmPassword)}
+      className="absolute right-3 top-1/2 -translate-y-1/2"
+      style={{ cursor: "pointer" }}
+      aria-label={showConfirmPassword ? "Hide password" : "Show password"}
+    >
+      {showConfirmPassword ? (
+        <FiEyeOff size={14} style={{ color: "var(--text-secondary)" }} />
+      ) : (
+        <FiEye size={14} style={{ color: "var(--text-secondary)" }} />
+      )}
+    </button>
+  </div>
                 <AnimatePresence>
                   {password_validation && (
                     <motion.div