How I use tailwind css
Set minimum width
Use min-w-[12rem]
I had a dropdown and the labels of the items were trimmed short.
![Untitled.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/875308e8-8000-4329-b1aa-ffd95b33ba6e/410f265c-aa5c-453a-8d04-87ca0b81b68f/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240227%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240227T012223Z&X-Amz-Expires=3600&X-Amz-Signature=d84f61df84ef20984fe0c77cee4e0ac45b0864ac6d836e65cebc70175822a8b6&X-Amz-SignedHeaders=host&x-id=GetObject)
So, I sorted it by setting the minimum width, min-w-[12rem]
![Untitled.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/875308e8-8000-4329-b1aa-ffd95b33ba6e/b0ea9ddb-852c-40b4-9297-d5bdd3a39663/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240227%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240227T012222Z&X-Amz-Expires=3600&X-Amz-Signature=3cf678fa3526426b4349a96cba643db054340af8489fb1d93e98dc8eafcc26b8&X-Amz-SignedHeaders=host&x-id=GetObject)
Use min-w-[12rem]
I had a dropdown and the labels of the items were trimmed short.
So, I sorted it by setting the minimum width, min-w-[12rem]