diff --git a/web/app/reset-password/set-password/page.tsx b/web/app/reset-password/set-password/page.tsx
index 68710e2025e35..7948c59a9aeff 100644
--- a/web/app/reset-password/set-password/page.tsx
+++ b/web/app/reset-password/set-password/page.tsx
@@ -21,6 +21,8 @@ const ChangePasswordForm = () => {
const [password, setPassword] = useState('')
const [confirmPassword, setConfirmPassword] = useState('')
const [showSuccess, setShowSuccess] = useState(false)
+ const [showPassword, setShowPassword] = useState(false)
+ const [showConfirmPassword, setShowConfirmPassword] = useState(false)
const showErrorMessage = useCallback((message: string) => {
Toast.notify({
@@ -109,14 +111,24 @@ const ChangePasswordForm = () => {
- setPassword(e.target.value)}
- placeholder={t('login.passwordPlaceholder') || ''}
- className='mt-1'
- />
+
+
setPassword(e.target.value)}
+ placeholder={t('login.passwordPlaceholder') || ''}
+ />
+
+
+
+
+
{t('login.error.passwordInvalid')}
{/* Confirm Password */}
@@ -124,14 +136,24 @@ const ChangePasswordForm = () => {
- setConfirmPassword(e.target.value)}
- placeholder={t('login.confirmPasswordPlaceholder') || ''}
- className='mt-1'
- />
+
+
setConfirmPassword(e.target.value)}
+ placeholder={t('login.confirmPasswordPlaceholder') || ''}
+ />
+
+
+
+