JSFiddle - React, Tailwind, and code Playground

HTML

<div tabindex="1"><input type='button' /></div>

CSS

div {display: inline-block; width: 50px; background: red; }
div:focus { width: 100px;}
input { width: 100%;}