Embedded code creating extra padding, can't remove

Hello, I'm getting a large gap under an OutplayHQ form that we embedded on our site. I've tried adding this code:

<style>
html.squarespace-damask .sqs-blockStatus {
display: none !important;
}
</style>

to the CSS as that's what I could find as a solution, but it's not working. Tried adding it to the embed code block itself as well, but still nothing. I'm stumped and really need some help. 

Without checking the website, it will not be possible to fix the issue. Would it be possible to share the link to your website?

Absolutely, it's www.masonhub.co, and the page with the issue is www.masonhub.co/pricing

It appears your grid for the FE section has become distorted.

I suggest making a new FE section and use a Code block instead of an Embed block for the iframe code.

Here is how things look on my test site.

Let us know how it goes.

Thank you! I was able to get the form to work as a code instead of embed, but it's still giving me the spacing issue (even when I created a whole new block)

On 8/16/2023 at 3:37 AM, MHmktg said:

Thank you! I was able to get the form to work as a code instead of embed, but it's still giving me the spacing issue (even when I created a whole new block)

You can use this to Website > Website Tools > Custom CSS to reduce spacing

.fe-64dbe14dbf7a130be157c729 {
    grid-template-rows: repeat(4,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

.fe-block-e6d84eee45e7f78a0cde {
    grid-row-end: 4 !important;
}