JSFiddle - React, Tailwind, and code Playground

HTML

<input class="find" type="text" >

CSS

.find {
    width: 90px;
    padding: 0px 20px 0px 20px;
}

JavaScript

$(".find").focus(function () {
        $(this).animate({
            width: "200px"
        }, 500);
    }).blur(function () {
        $(this).stop(true).animate({
            width: "90px"
        }, 500);
    });