Fix the shrinking of 3 dots in first column

The three-dot menu icon was shrinking when placed in first column of table, as seen in the image below.

Solution

To fix the above issue use flex-shrink-0 className as Dropdown buttonProps. See dropdown documentation to learn more about dropdown.

<Dropdown
 buttonProps={{ className: "flex-shrink-0" }}
 ...
>
...
</Dropdown>