Remove extra space on form when embedded to a website

The embedded forms on my WordPress site are aligning left with an odd "empty" space to the right of them. How can i fix this?

Hi Kelsey,

Thanks for reaching out to Jotform Support. Can you share with us the URL of your website where the form is embedded so we can take a look at it? We also have a guide on How to Create a Lightbox Form that you can check out.

Once we hear back from you, we'll be able to help you with this.

https://thefinancialguys.com/employee-benefits/

Hi Kelsey,

I visit the link that you provided, and it seems it has issue on the whole website. Check out the screenshot below to see my results:

Can you share with us the exact link where we can access the embedded form that you have used? 

Once we hear back from you, we'll be able to move forward with a solution.

https://thefinancialguys.com/employee-benefits/

Hi Kelsey,

I checked your Website and the form seems to have aligned as it should. Check out this screenshot below:

Can you elaborate on what extra spacing you want to remove from the embedded form?

After we hear back from you, we'll be able to move forward with this.

Hi on my end there is a ton of extra space to the right side of the form

Hi Kelsey,

I have reviewed your website and the pop-up modal where the form is embedded is larger than the form, which is why there is a large empty space on it. You would have to adjust the pop-up modal width appropriately. Based on my review via the Chrome Developer Tools, your website has a CSS code as provided below.

.eael-lightbox-popup-window-d13081e {

width: 50%;

max-width: 50%;

}

That needs to be adjusted as shown in the screen recording.

You will need to update this on your website end since it is outside of the form.

Give it a try and let us know how it goes.

Thank you.