JSFiddle - React, Tailwind, and code Playground

HTML

<div class="search">

    <input class="search-field" type="text" />
    <input class="search-button" type="submit" value="" />

</div>

CSS

.search-field {

    border:1px solid black; 
    float:left;
    display:block;
    margin:0;
    }
    
    
    .search-field {border: none!important; margin-right: -7px!important; }

.search-button {height: 18px!important; border: none!important; }

.search-button {
    
    float:left;
    display:block;
    margin:0;
    
    height: 20px!important;  
    border:1px solid black;
}