JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="   " class="input"/>
<input type="button" value="Search" class="search">

CSS

.search {
  background-color: white;
  border-width: 1px;
  border-color: black;
  margin-left: -4px;
}
.input {
  border-color: black;
  border-width: 1px;
}
.input:focus {
  outline: none;
}
.search:hover {
  cursor: pointer;
}