'google icons breaks alignment of next html element, how do i fix it

I am trying to build a a search form in it I have

<div>
<label className={`material-icons`}>
                search
            </label>
            <input
                type="text"
                placeholder="global search"
            />
            
</div>

however this pushes the input element down about 3px and means its not aligned, if I remove the material-icons class it works as i expect

I have no idea how to fix it and searchs don't point me in the right direct.

htmlcssiconsalignmentgoogle-fonts


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions