JSFiddle - React, Tailwind, and code Playground

HTML

<div class="btn_box">Search</div>
<div class="search_box">
    <input type="text" value="Search">
</div>

CSS

.search_box {
    border: 1px solid #000000;
width: 100px;    
}
.btn_box {
    background-color: #5D85D0;
    border: 1px solid #DDDDDD;
    color: #FFFFFF;
    float: right;
    padding: 3px;
    position: relative;
    text-align: center;
    width: 52px;
}
input {
    width:50%;
    padding:5px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
}