'Google recaptcha not rendering properly

When I implemented google recaptcha for my site using the instructions given by Google everything works fine but the div itself renders a bit oddly:

I am using the standard DIV code recommended by Google:

<div class="g-recaptcha" data-sitekey="my-site-key" data-callback="enableBtn" data-expired-callback="disableBtn"></div>

I have tried to adjust the padding for the DIV but nothing seems to work. Has anyone else had this problem and solved it?

UPDATE: I tried with the most basic site possible, no css and I still get the same rendering.

<!DOCTYPE html>
<html>
<body>
<div class="g-recaptcha" data-sitekey="my-secret-site-key"></div>
<script src="https://www.google.com/recaptcha/api.js">
</script>
</body>
</html>

UPDATE 2. Works fine in Microsoft Edge. Seems to be a Firefox problem...

recaptcha

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Google recaptcha not rendering properly

Sources

Related Questions