Estoy tratando de diseñar un componente con un input y un boton justo alado, es para hacer una busqueda, dentro del css estoy usando display table, para alinear los componentes.
El problema es que en chrome funciona bien el heigth que le aplico al boton para que utilice el 100% de su contenedor padre (en este caso span), alguien podria ayudarme?.
Estoy buscando la solucion por que deja esos cuantos pixeles de diferencia y no se alinea a la par con el input text
acontinuacion les dejo un codepen en donde estoy realizando el codigo:
Asi es como se ve en firefox: [![Asi es como se ve en firefox: ][2]][2]
Asi se ve en safari:
display:flex;
en div.wrapper-input