fix(experiments): audience card spacing and dark theme borders

[Zaimwa9]

• I have read the Contributing Guide.
• I have added information to docs/ if required so people know about the feature.
• I have filled in the "Changes" section below.
• I have filled in the "How did you test this code" section below.

Changes

• Audience segment card: fixed padding (8px 16px), delete button no longer hugs the edge, review-step summary reuses the identical card.
• Removed stray horizontal insets in the wizard steps and audience picker (legacy .flex-column margin).
• Bootstrap .border* utilities now use the --color-border-default token, so borders follow the dark theme (experiment wizard, warehouse connection card).

How did you test this code?

Manually in dark mode: experiment wizard Rollout and Review steps, warehouse connection card. npm run lint, experiments unit tests pass.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
flagsmith-frontend-preview	Ready	Preview	Sep 9, 2026 4:06pm UTC
flagsmith-frontend-staging	Ready	Preview	Sep 9, 2026 4:06pm UTC

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Ignored	Preview	Sep 9, 2026 4:06pm UTC

[github-actions]

Docker builds report

Image	Build Status	Security report
ghcr.io/flagsmith/flagsmith-e2e:pr-8494	Finished ✅	Skipped
ghcr.io/flagsmith/flagsmith-api-test:pr-8494	Finished ✅	Skipped
ghcr.io/flagsmith/flagsmith-api:pr-8494	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith:pr-8494	Finished ✅	Results ✅
ghcr.io/flagsmith/flagsmith-private-cloud:pr-8494	Finished ✅	Results ✅

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Advanced

Run ID: 146c9686-cac5-4a91-82a8-1d8b8c02173e

📥 Commits

Reviewing files that changed from the base of the PR and between d16f911 and 7ecfcfd.

📒 Files selected for processing (8)

• frontend/web/components/experiments/AudiencePicker/AudiencePicker.tsx
• frontend/web/components/experiments/AudienceSegmentList/AudienceSegmentList.scss
• frontend/web/components/experiments/AudienceSegmentList/AudienceSegmentList.tsx
• frontend/web/components/experiments/steps/MeasurementStep.tsx
• frontend/web/components/experiments/steps/ReviewStep.tsx
• frontend/web/components/experiments/steps/RolloutStep.tsx
• frontend/web/components/experiments/steps/SetupStep.tsx
• frontend/web/styles/3rdParty/_bootstrap.scss

Included review availability: Your plan provides up to 8 included reviews per hour; 7 remain after this review.

---

📝 Walkthrough

Walkthrough

The changes update experiment layout containers to use zero horizontal margins. Audience segment rows now use component-specific SCSS for sizing, spacing, borders, backgrounds, and remove-control positioning. Bootstrap’s border colour variable now references the default design-system border token.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~10 minutes

Merge Risk: ⚪ Minimal · up to 7ecfc

This updates experiment wizard spacing and dark-theme border styling without changing experiment data flow or controls. No current merge-blocking risk remains.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

❌ private-cloud · depot-ubuntu-latest-16 — run #20317 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

 2 failed

Details

 2 tests across 2 suites
 1 minute, 9 seconds
 7ecfcfd
 📦 Artifacts: View test results and HTML report
🔄 Run: #20317 (attempt 1)

Failed tests

firefox › tests/environment-permission-test.pw.ts › Environment Permission Tests › Environment-level permissions control access to features, identities, and segments @enterprise
firefox › tests/project-permission-test.pw.ts › Project Permission Tests › Project-level permissions control access to features, environments, audit logs, and segments @enterprise

🗂️ Previous results

✅ private-cloud · depot-ubuntu-latest-arm-16 — run #20317 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

 2 passed

Details

 2 tests across 2 suites
 39.4 seconds
 7ecfcfd
 🔄 Run: #20317 (attempt 1)

✅ oss · depot-ubuntu-latest-16 — run #20317 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-16)

 1 passed

Details

 1 test across 1 suite
 41.2 seconds
 7ecfcfd
 🔄 Run: #20317 (attempt 1)

✅ oss · depot-ubuntu-latest-arm-16 — run #20317 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

 1 passed

Details

 1 test across 1 suite
 47.1 seconds
 7ecfcfd
 🔄 Run: #20317 (attempt 1)

[github-actions]

Visual Regression

19 screenshots compared. See report for details.
View full report