The placeholder bleeds out/overflows on smaller width when selecting a long named country

[jayspirits]

I have implemented this dropdown with a limited width. but the placeholder bleeds out the text if you selected a country wider than the dropdown width. see the screenshots.

The dropdown options are good. it trims the country name "American Samoa" with ellipses at the end so it became "America..."

But after selecting it, notice the text and the caret icon bleeds out/overflows the container.

I did try to add a class on selectButtonClassname with overflow hidden and it did solve the text to overflow as it is being hidden, but the issue is it also hides the caret icon.