JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header"></div>
<div class="header-right">
    <input type="text" />
</div>

CSS

.header{
    float:left;
    background: #efefef;
    background-repeat: no-repeat;
    width: 240px;
    height: 100px;
    }

.header-right{
    overflow:hidden; 
    background-color:#000;
    height: 100px;
    position: relative;
    }
.header-right input {
    background: green;
    position: absolute;
    width: 100%;
    height: 100%;
}