My form has a straightforward layout with an email field and a submit button. I am using a flexbox design for this form, which is working well overall. However, I have noticed that there seems to be some extra spacing added next to input elements in webkit browsers like Opera and Chrome. This issue does not seem to occur in IE11 and Firefox, making it challenging to ensure a consistent cross-browser user interface. I'm wondering if there is a specific property I can override to eliminate this additional space or if it's a bug?
<section id="inputContent">
<input type="Email"/>
<input type="Submit"/>
</section>
section
{
display:flex;
}