react-google-recaptcha icon indicating copy to clipboard operation
react-google-recaptcha copied to clipboard

Published 20 hours ago • verified publisher icon dozoisch

White background under reCAPTCHA

Open iBruns opened this issue 3 years ago • 2 comments

react-google-recaptcha version: 2.1.0

Although there is no div around my reCAPTCHA, there is a weird white background around it. Does anyone know what may be causing this problem and how to avoid it?

image

iBruns avatar May 18 '22 06:05 iBruns

This was bothering me as well. I realised that you can pass a style prop with some options to make it look better:

<ReCAPTCHA
  theme="dark"
  style={{
    width: 302,
    height: 76,
    borderRadius: 3,
    overflow: "hidden",
  }}
/>
Screenshot 2022-05-28 at 12 52 41

t4t5 avatar May 28 '22 11:05 t4t5

Thank you! This solves it =)

iBruns avatar May 28 '22 12:05 iBruns