JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#search" class="form" method="post" onsubmit="return false;">
    <input type="text" name="query" placeholder="Search"/>
    <input type="submit" value="GO" name="go"/>
</form>

CSS

/* Search Field*/

form {
    position: relative;
    float: left;
}

    input[type="text"]{
      border:#e7e7e7 solid 1px;
      
      font-family: Tahoma;
      color:#c3c3c3;
      height:32px;
      width: 200px;
      padding-right: 42px;
      text-indent: 10px;
    }
    input[type="submit"]{
      border:none;
      outline:none;
      font:14px/32px Oswald;
      width:42px;
      background:#29c5e6;
      color:white;

      position:absolute;
      top:0;
      bottom:0;
      right:0;
    }