JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="txtBox" placeholder="Name"></input>
<input type="text" class="txtBox2" placeholder="Name"></input>

CSS

.txtBox {
    line-height: normal;
    height: 3em;
    width: 40px;
}

.txtBox2 {
    line-height: 100%;
    height: 3em;
    width: 40px;
}