JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" maxlength="45" class="name" value="Remove extra..." id="profile-user-name" name="name">

CSS

#profile-user-name{
    color: #3F3D3A;
    font-family: "lato";
    font-size: 20px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
    float:left;
    display:inline;
}

JavaScript

function sizeInput(input) {
  input.attr("size", input.val().length);
};

var nameInput = $(".name");
sizeInput(nameInput);
nameInput.keyup(function() {
  sizeInput($(this));
});