Hey Sera69!
Thanks for chiming in with that extra detail. After taking a look and seeing the different behavior in different browsers, it looks like the Graphene theme being used includes a `padding: 6px 3px;” property in the CSS for input fields, which is adding some padding to the input fields on the site. The block of code this is found in in the theme’s CSS looks like this:
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
textarea {
border: 1px solid #e3e3e3;
color: #555;
font: normal 12px arial;
padding: 6px 3px; <----This line
height: 16px;
}
You should both be able to resolve this by either removing that padding line in the site’s CSS or adding this to your site’s CSS to remove the padding specifically for the MailChimp input fields:
#mc_signup_form .mc_input {
padding: 0px;
}
That should do the trick!
-Gabe