How to resize an embedded code field

I am trying to insert code for an online sign-up form from EveryAction for use on my organization's website: https://ponohawaiiinitiative.org. Currently, the old MailChimp form is there as I don't want to disrupt current functionality.

Below is the code from EveryAction for embedding an online form on the website. Best as I can tell, the code works fine, as does the form. However, the code block is far too short to house the entire form, so the page is automatically creating a scrolling block, which makes it extremely difficult to view/complete the form. Frustratingly, I've reached out to Squarespace support who had nothing to offer in terms of help and suggested I try here.

Here is the code:

<script type='text/javascript' src='https://d3rse9xjbp8270.cloudfront.net/at.js' crossorigin='anonymous'></script>
<div class="ngp-form"
    data-form-url="https://actions.everyaction.com/v1/Forms/jsa9_IHvuEmMBiJdFI_9WQ2"
    data-fastaction-endpoint="https://fastaction.ngpvan.com"
    data-inline-errors="true"
    data-fastaction-nologin="true"
    data-databag-endpoint="https://profile.ngpvan.com"
    data-databag="everybody"
    data-mobile-autofocus="false" >
</div>

And here is what the draft page looks like with the form block:

Any advice anyone can offer would be helpful. I've tried everything I can think of to resize the code block.

Mahalo!

@gooie78 where is form? Can you share url ?

I feel a bit silly now.... When I went to the page this morning to continue tinkering, I was surprised to find that it was miraculously working. I don't know what happened, but for now, all seems to be in order.