Issue Summary

When there are multiple card badges on a card, and one of the badges has a long text, it causes the layout to break and other card badges being clipped out of the card.

Steps to Reproduce

Have a Trello card with the following card-badges:

1. item 1 - ONE
2. item 2 - TWO
3. item 3 - THREE
4. item 4 - FOUR
5. item 5 - lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum

Expected Results

The card-badges from item 1 to 4 are visible and item 5 is clipped due to the long text

Actual Results

Items 3 and 5 are clipped from the card, and item 4 is not visible.

When adding a background color to the card badge and trying to Edit the Trello card, it causes the badge to overlay the Trello buttons, making them not available to be selected.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available