Increase chat message and composer typography for readability

[pratikbuilds]

Problem

Chat message text and composer text render noticeably smaller and lighter than comparable chat interfaces, making longer conversations harder to scan and typed text feel visually weak.

Red Hat Display is loading correctly. The problem is the chat-specific sizing and weight on top of the app's 15px root size.

Before / after

Before

After

Findings

Surface	Current	Validated candidate	Size change
Message text	14.06px / 400 / 21.80px line height	15.94px / 500 / 24.70px	+13.3%
Composer text	13.13px / 400 / 19.03px line height	15.94px / 500 / 23.91px	+21.4%

Public web input spot checks on September 1, 2026 were 17px/24px/400 for ChatGPT's composer and 16px/24px/400 for Claude's public input. These are context, not exact targets, because the products use different fonts and layouts.

Proposed change

• Set message and composer text to 1.0625rem (about 16px at the current root size).
• Use Red Hat Display weight 500 for chat prose and drafting text.
• Use 1.55 message line height and 1.5 composer line height.
• Keep sender names, timestamps, other metadata, and the existing 72ch reading width unchanged.

Acceptance criteria

• Message and composer text are clearly readable at normal zoom in light and dark themes.
• Persisted messages and composer text share the same primary reading role.
• Metadata remains visually secondary.
• Long messages wrap without overflow and retain the existing reading width.
• Focused composer tests, production build, and browser walkthrough pass.

Validation completed on the candidate

• Composer suite: 22/22 passing
• Production build: passing
• Formatting and typography checks: passing

[pratikbuilds]

too zoomed in need to readjust the font a bit