Google recaptcha стиль проблема, решить с помощью CSS или JavaScript?

Question

Я использую recaptcha v.2 для своего сайта, но по какой-то причине он тормозит макет, потому что он не будет увеличивать пространство родительского блока (div).

Вот мой код:

<script type="text/javascript">
    var onloadCallback = function() {
        grecaptcha.render('recaptcha', {
            'sitekey' : 'mysitekey'
        });
    };
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
async defer>

и html:

<div class="form-group">
    <div id="recaptcha" required=""></div>
</div>

Группа форм уже имеет максимальную ширину: 100%; но по какой-то причине recaptcha не следует этому правилу:

Вот пример:

https://careercollege.sehc.com/vancouver/programs/hca-diploma-program/.

Есть предложения?

Answer 1

Я делаю это иногда:

#recaptcha {
    overflow: hidden;
    border-right: solid 1px lightgray;
}