Text input padding not respected/rendered in Firefox

Design help General
1

The form inside the modal that opens up when you click request invite is for some reason not taking in the styling I’ve set up on Webflow. If you try to write in any of the fields, you’ll notice the words are illegible/invisible and I can’t figure out why. If you try it out on Chrome or Safari it works fine and the letters are white.

Site is https://webflow.com/website/akdemia

I might be doing something wrong or it might be a bug. Would appreciate if anyone has any ideas or has encountered the issue before.

2

Hi @carlosxcl, thanks for your report. Try removing the padding on the input fields, rather use height on the input field class. Firefox will make the text invisible when padding on input fields is used:

499×528 36.2 KB

Let me know how it goes!

3

Hi @cyberdave , that worked! Many thanks, visual instructions and all :smile: