Status tags are overlapping / incorrect vertical stacking #4

Description
There is a visual regression in the Status column where multiple status badges (e.g., "Done", "Overdue", "Late") are overlapping each other vertically within the same cell. Instead of being properly spaced or contained, the elements are bleeding into one another, making the text difficult to read.

Current Behavior
Status badges are rendered on top of each other.

• The vertical height of the parent container does not seem to adjust to the number of badges.
• This occurs for both "In Progress" and "Done" states when multiple flags are present.

Expected Behavior

• Badges should be stacked with proper padding/margin between them.
• Alternatively, badges should be displayed inline with wrapping enabled.
• The table row height should expand to accommodate all active status tags.

Possible Causes

• CSS Position Issue: The badges might have position: absolute or fixed applied accidentally.
• Flexbox/Grid Misconfiguration: The parent container may lack a flex-direction: column or have a fixed height that prevents proper flow.
• Z-index/Line-height: Incorrect line-height or z-index values might be forcing the elements into the same visual space.