JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main-search">
    <form>
        <input type="text" placeholder="Search.." /><select>
            <option>Option</option>
        </select><input type="submit" value="Submit"/>
    </form>
</div>

CSS

#main-search {
    background-color: @palette-white;
}
#main-search form {
    width: 100%;
    background: green;
}
#main-search input[type="text"] {
    width: calc(100% - 154px);
}
#main-search select {
    width: 110px;
}
#main-search input[type="submit"] {
    text-indent: -9999px;
    width: 44px;
    height: 44px;
}
input[type="text"] {
  box-sizing: border-box;
}