JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option selected>All</option>
    <option>Longer</option>
    <option>A very very long string...</option>
</select>

CSS

select {
    width: 50px;
}

JavaScript

$(document).ready(function() {
    $('select').change(function(){
        $(this).width($('select option:selected').width());
    });
});