JSFiddle - React, Tailwind, and code Playground

HTML

<div class="searchbox">
    <input class="inputb" type="text" />
</div>

CSS

.searchbox {
    width: calc(100% - 40px);
    height: 40px; 
    background-color:#0099FF;
    padding-left: 20px;
    padding-right: 20px;
}
.inputb {
    width: 100%;
 }
@media (max-width: 490px) {
    .searchbox {
        padding-left: 5px;
        padding-right: 5px;
    }
}