Fix FeatureFlag Listing (badges clip text)
Summary
On big badges (with a lot of content) the border clips into the text.
Screenshots or screen recordings
| Before | After |
|---|---|
![]() |
![]() |
Steps to reproduce
- Check out this branch or apply the diff locally.
- Go to any project and edit the feature flags (Settings -> Deployments -> Feature Flags)
- Add a feature flag with a multitude of environments
- Border of feature flag pill should not be clipping text
What is the current bug behavior?
What is the expected correct behavior? / Possible fixes
- Don't clip into the text. Change the border-radius to the Figma value
1rem - Move away from using badges for in this context as suggested in this thread on the initial MR
- => This approach was chosen
Edited by SAM FIGUEROA

