#10707: fix(ui): prevent agents-main stretching to match sidebar height
app: web-ui
stale
Cluster:
UI Enhancements and Fixes
## Summary
- `.agents-main` in CSS grid stretches to match sidebar height when many agents (25+) are configured, making tab pills render as unusable vertical bars
- Add `align-self: start` to `.agents-main` (the sibling `.agents-sidebar` already has it)
## Test plan
- [x] Configure 20+ agents and verify tab pills render horizontally
- [x] Single-agent layout unaffected
Closes #10537
Generated with [Claude Code](https://claude.com/claude-code)
<!-- greptile_comment -->
<h2>Greptile Overview</h2>
<h3>Greptile Summary</h3>
- Adjusts the Agents settings layout CSS so the main panel (`.agents-main`) doesn’t stretch to match the sidebar height when the sidebar becomes very tall.
- Adds `align-self: start` to `.agents-main`, matching the existing `.agents-sidebar` behavior.
- Intended to preserve horizontal “tab pill” rendering when many agents are configured by preventing excessive vertical stretching.
<h3>Confidence Score: 5/5</h3>
- This PR is safe to merge with minimal risk.
- Change is a single, targeted CSS tweak (`align-self: start`) scoped to `.agents-main` and aligns behavior with the sibling `.agents-sidebar`. No logic/code-path changes, and it directly addresses the described grid stretching issue.
- No files require special attention
<!-- greptile_other_comments_section -->
<!-- /greptile_comment -->
Most Similar PRs
#22977: fix(ui): resolve agent names from config in session dropdown
by NikhilGaddam · 2026-02-21
74.9%
#6812: fix(ui): make topbar height flexible to avoid header/title overlap
by x0m4ek · 2026-02-02
74.7%
#21679: fix: Mission Control dashboard issues for agent status, stale sessi...
by thejawdoc · 2026-02-20
74.5%
#23285: fix(dashboard): use config.patch for agent edits to prevent agent l...
by stakeswky · 2026-02-22
72.9%
#8342: Fix debug interface CSS layout issues
by Klopib · 2026-02-03
72.6%
#14618: feat(ui): add AgentHQ - agent workspace evolution viewer
by eddie333016 · 2026-02-12
71.1%
#11806: fix(ui): agent model dropdown not reflecting actual primary model
by arturhoo · 2026-02-08
71.1%
#15852: fix: pass agentId when resolving IRC session paths
by MisterGuy420 · 2026-02-14
70.8%
#11663: fix: prevent config page header overlap with settings form
by shogunsea · 2026-02-08
70.1%
#21788: ui(agents): add Start New Session action per agent
by rt219 · 2026-02-20
69.9%