Pad composer model picker to prevent ring clipping

[juliusmarminge]

Before

After

Summary

• Add padding around the composer model picker container so focus rings no longer get clipped.
• Preserve the existing compact layout and horizontal scrolling behavior.

Testing

• Not run (PR content only).
• Visual check recommended for the composer footer focus ring in both compact and regular states.

---

Note

Low Risk
Small, CSS-only layout tweak to add padding around the composer footer model picker area; minimal functional risk beyond potential minor spacing/scroll behavior changes.

Overview
Adjusts the chat composer footer layout by adding padding (and compensating negative margin) to the horizontally scrollable container that wraps ProviderModelPicker, preventing focus rings from being clipped while keeping the compact/scrolling behavior.

^{Reviewed by Cursor Bugbot for commit 1dd1dfb. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Pad composer model picker to prevent focus ring clipping

Adds -m-1 p-1 to the provider/model picker container in ChatComposer.tsx so the focus ring is no longer clipped by the scrollable footer area.

^{Macroscope summarized 1dd1dfb.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 03e47098-d400-42f1-a93e-74d77974c02a

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch t3code/fix-cut-off-ring

---

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

[macroscopeapp]

Approvability

Verdict: Approved

Single-line CSS adjustment adding negative margin and padding to prevent focus ring clipping. Purely visual fix with no runtime behavior changes.

^{You can customize Macroscope's approvability policy. Learn more.}