JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sidebar">
       <div id="searchbox">
           <input type="text" name="query" />
           <input type="submit" name="btn-submit" value="Nome bem grande" />
       </div>
    </div>

CSS

div#sidebar {
      width: 23%;
    }

    div#sidebar div#searchbox {
      display: block;
      padding: 3px 5px;
      margin-bottom: 4px;
      white-space: nowrap;
    }

    div#sidebar div#searchbox input[type="text"] {
      width: 100%;
    }

    div#sidebar div#searchbox input[type="submit"] {
      width: 85px;
    }