JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">
       <input/>
    </div>
</div>

CSS

div.outer{ background: red; padding: 10px; }
div.inner { border: 1px solid #888; padding: 5px 10px; background: white; }
input { width: 100%; border: none }