I'm trying to design a component with an input and a right-wing button, it's to do a search, inside the CSS I'm using display table, to align the components.
The problem is that in chrome works well the heigth that I apply to the button to use 100% of its parent container (in this case span), someone could help me ?.
I'm looking for the solution because it leaves those few pixels of difference and does not line up with the input text
acontinuacion I leave a codepen where I am making the code:
This is what it looks like in firefox: [! [This is what it looks like in firefox:] [2]] [2]
That's how it looks on safari:
