JSFiddle - React, Tailwind, and code Playground

HTML

<span class="inputWrapper">
<input type="text">
</span>

CSS

.inputWrapper {
  border-bottom: solid 1px #009999;
  border-left: solid 1px #009999;
  border-right: solid 1px #009999;
  overflow: visible;
  max-height: 2px;
  display: inline-block;
  padding: 2px;
}
input {
  outline: none;
  border: none;
  background: transparent;
  padding-bottom: 3px;
  position: relative;
  bottom: 15px;
}