JSFiddle - React, Tailwind, and code Playground

by the94air

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/formjs/1.1.1/formjs.min.css">
<div class="form-box">
	<input type="text" class="formjs">
  <button type="button" class="formjs formjs-success">Search</button>
</div>

CSS

*, *::before, *::after {
  box-sizing: border-box;
}

.form-box {
  display: flex;
}

.form-box button {
  height: 36px;
  margin: 0;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.form-box input.formjs[type="text"] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}