Copied element does not appear the same

I’m making a pop-up email form for “Get a Free Chapter” (Books page). The form is formatted correctly (form and text are centered in the popup) in designer, but not in preview or published version. Even when I add padding, it still comes out totally left-aligned. And the form that is misbehaving is just a copy-and-rename of the footer contact form, which is still looking right everywhere. Anybody know what’s going on?

TIA!


Here is my site Read-Only: https://preview.webflow.com/preview/michael-a1061d?utm_medium=preview_link&utm_source=designer&utm_content=michael-a1061d&preview=62506ded923870184f7249733a752710&pageId=61157165feb9602ca1d4c575&workflow=preview