JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <form>
        <input type="search">
        <span class="submit"></span>
    </form>
</div>

CSS

#container {
    width: 300px;
}

[type="search"] {

        /* Positionning
         * ------------ */
        display: block;
        height: 40px;
        vertical-align: top;
        width:calc(100% - 50px);
        float:left;
        
    }

    .submit {
        /* Positionning
         * ------------ */
        display: block;
        height: 40px;
        width: 50px;
        float:left;

        /* Styling
         * ------- */
        background-color: #CF0526;
    }