Wizard: Prevent Users columns from overflowing the card on small screens (HMS-10579)

[mgold1234]

Wizard: Prevent Users columns from overflowing the card on small screens

JIRA: (HMS-10579)

[sourcery-ai]

Hey - I've left some high level feedback:

• Instead of using an inline style for overflowX: 'auto', consider using a PatternFly or app-level CSS/utility class so the layout behavior stays consistent and easier to maintain across similar components.
• For responsiveness, it might be worth allowing flexWrap to switch to 'wrap' at smaller breakpoints (e.g., flexWrap={{ default: 'nowrap', md: 'wrap' }}) so narrow viewports don’t end up with an overly wide horizontal scroll when the card is very small.

Prompt for AI Agents

Please address the comments from this code review:

## Overall Comments
- Instead of using an inline style for `overflowX: 'auto'`, consider using a PatternFly or app-level CSS/utility class so the layout behavior stays consistent and easier to maintain across similar components.
- For responsiveness, it might be worth allowing `flexWrap` to switch to `'wrap'` at smaller breakpoints (e.g., `flexWrap={{ default: 'nowrap', md: 'wrap' }}`) so narrow viewports don’t end up with an overly wide horizontal scroll when the card is very small.

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 75.34%. Comparing base (29382df) to head (7607972).
⚠️ Report is 1 commits behind head on main.

@@           Coverage Diff           @@
##             main    #4501   +/-   ##
=======================================
  Coverage   75.34%   75.34%           
=======================================
  Files         229      229           
  Lines        7446     7446           
  Branches     2770     2768    -2     
=======================================
  Hits         5610     5610           
  Misses       1578     1578           
  Partials      258      258           

Files with missing lines	Coverage Δ
...w/components/AdvancedSettings/components/Users.tsx	100.00% <ø> (ø)

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 29382df...7607972. Read the comment docs.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.