Keep Kevin chat bubbles clear of the overlay scrollbar

[AnkhHeart]

Description

• The Kevin support chat transcript uses an overlay scrollbar, which draws over the content's right edge. It covered the user's right-aligned bubbles.
• Add a 12px right gutter inside the scroller so bubbles, approval cards and the typing indicator sit clear of the scrollbar.

QA Instructions

• Open the Kevin Support window and send enough messages for the transcript to scroll.
• Confirm the scrollbar no longer overlaps the user's message bubbles.

[Copilot]

🟢 Approval recommended

The localized styling change addresses scrollbar overlap with no identified blocking issues.

0 open findings

What changed in this PR

Adds spacing inside the Kevin support chat transcript to prevent the overlay scrollbar from covering chat content.

Changes:

• Applies a list style to the transcript wrapper.
• Adds a 12px right gutter inside the scroller.

File	Description
app/​components-react/​agent/​KevinSupport.tsx	Applies the transcript list class.
app/​components-react/​agent/​KevinSupport.m.less	Defines and documents the right gutter.

🧠 Review effort: Balanced

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[bundlemon]

BundleMon

Files updated (1)

Status	Path	Size	Limits
✅	renderer.(hash).js	10.48MB (+132B 0%)	-

Unchanged files (3)

Status	Path	Size	Limits
✅	vendors~renderer.(hash).js	4.65MB	-
✅	updater.js	115.29KB	-
✅	guest-api.js	40.23KB	-

Total files change +132B 0%

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history | Target branch size history