From b8bffb8f3e6047cf1a96d660105122ba8508a905 Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Wed, 6 Nov 2024 02:34:43 -0300
Subject: [PATCH] Move onClick into a "button" in captcha

---
 src/features/auth-login/components/captcha.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/features/auth-login/components/captcha.tsx b/src/features/auth-login/components/captcha.tsx
index 47ac55066..8228e7c9e 100644
--- a/src/features/auth-login/components/captcha.tsx
+++ b/src/features/auth-login/components/captcha.tsx
@@ -111,7 +111,9 @@ const NativeCaptchaField: React.FC<INativeCaptchaField> = ({ captcha, onChange,
   return (
     <Stack space={2}>
       <div className='flex w-full items-center justify-center rounded-md border border-solid border-gray-300 bg-white dark:border-gray-600'>
-        <img alt={intl.formatMessage(messages.captcha)} src={captcha.get('url')} onClick={onClick} />
+        <button className='button-theme-muted !block space-x-2 !border-none !p-0 !py-2 !text-primary-600 hover:!underline  focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={onClick}>
+          <img alt={intl.formatMessage(messages.captcha)} src={captcha.get('url')} />
+        </button>
       </div>
 
       <Input