Regex requirement display while creating a flag is white-on-white text

[strugee]

How are you running Flagsmith

• Self Hosted with Docker
• Self Hosted with Kubernetes
• SaaS at flagsmith.com
• Some other way (add details in description below)

Describe the bug

When you go to create a flag and have the setting to require a regex match for the flag name enabled, the flag creation screen will show a notice about the regex requirement. However the actual regex is white-on-white text, making it impossible to read without opening the devtools. See screenshots.

Steps To Reproduce

1. Go to https://app.flagsmith.com/project//settings
2. Enter ^(preco|bx|ox|platform|eng)_.+$ as the regex
3. Go to https://app.flagsmith.com/project/<project ID>/environment/<environment ID>/features (I used our dev environment but presumably it doesn't matter)
4. Click "Create Feature"
5. Notice that the text in the blue "Note" box appears to be cut off

Expected behavior

The regex is shown.

Note that if you open devtools and inspect the element, then disable the color: var(--bs-code-color); that's applied to the code selector, it works fine.

Screenshots