gadget/gadget-code/docs/agent-knowledge/chat-view-flex-css-width.md

The Chat View area of Chat Session view was growing in width (unbounded), and has been fixed. From the agent:

The root cause was a flexbox sizing rule: in ChatSessionView.tsx:768 the parent row flex-1 flex bg-bg-primary overflow-hidden relative has two children — the content area and the sidebar. The content area (line 777) was flex-1 flex flex-col relative, which as a flex child defaults to min-width: auto. This means its intrinsic content width (driven by the wide

) is used as a minimum, forcing the flex item to expand the whole row beyond the viewport.

Adding min-w-0 overrides min-width: auto to min-width: 0, letting the flex item shrink below its content's natural width. Now the overflow-x-auto on the markdown wrapper actually has somewhere to scroll into.