JSFiddle - React, Tailwind, and code Playground

HTML

<div id="search">
<form>
   <input type="text" name="search" value="waarde" /><input type="submit" name="search" value="ZOEK" class="search" />
  </form>
</div>

CSS

#search {
  width: 500px;
  height: 40px;
  padding: 10px;
  background-color: #21516b;
  margin-left: auto;
  margin-right: auto;
}

input[type=text] {
  padding: 0;
  margin: 0;
  height: 40px;
  width: 200px;
  border: 0;
  font-size: 18px;
}

input[type=submit].search {
  padding: 0;
  margin: 0;
  height: 40px;
  width: 100px;
  border: 0;
  font-size: 14px;
}