Text formatted wrong on Firefox but good on Chrome

[madewithgoodness (Dustin Owens)]

Hey community!

I’ve got a weird issue I haven’t seen with Webflow before. My text looks great in Chrome & Safari, but there is extra spacing in Firefox that’s causing my Headers to bleed into the images/content above them. (Screen shots attached)

I’m not sure how to trouble shoot and would love any tips and tricks you might have.

Thanks!

Firefox issue

Chrome no issue

---

Live site:

Amazing Studios | Creative Video Production in Raleigh-Durham, NC

Here is my site Read-Only:
https://preview.webflow.com/preview/amazingstudios?utm_medium=preview_link&utm_source=dashboard&utm_content=amazingstudios&preview=6de0bcd8718f50020800b12d180908cd&mode=preview

[shokoaviv (Moshe Assulin)]

Hi

Your link return 404

[madewithgoodness (Dustin Owens)]

Thanks! Read-only link has been updated and should be working now.

[shokoaviv (Moshe Assulin)]

Hi
I think if you get rid of the container bottom padding and set it to zero that will fix it.

[madewithgoodness (Dustin Owens)]

The problem in Firefox is extra padding between heading, paragraph, and button. Setting container bottom padding would make it legible, but it still doesn’t solve the extra padding. I’ve done a work around by reducing container padding bottom and decreasing paragraph line height. So, it’s legible now… but still not ideal because the extra padding is still there in Firefox.

Is this extra padding a known issue with Webflow/Firefox? I know Webflow has said they don’t fully support Firefox.

[SuperLalapenn (Penn Li)]

I’ve got same issue here. It’s a very simple form and Firefox has created extra space under the text pushing the image below down a few more pixels. The build look perfect in Chrome/Safari. Anyone got any solution?

Chrome/Safari

Firefox