From c16034d127f941667413aaf97337acd5f50e7893 Mon Sep 17 00:00:00 2001 From: Kyle Carberry Date: Mon, 4 May 2026 12:22:26 -0400 Subject: [PATCH] fix(site/src/pages/AgentsPage/components): match chat input font size to message bubbles (#24928) The `/agents` chat composer rendered user input at 15px, but once a message was sent the user message bubble displays content at 13px (via `MessageContent` in `ChatElements/Message.tsx`). The size jump made what you typed not match what got displayed. Sets the `ChatMessageInput` className inside `AgentChatInput` to `text-[13px] leading-relaxed` so the composer matches the rendered user message. This PR was opened by a Coder agent on behalf of @kylecarbs. --- site/src/pages/AgentsPage/components/AgentChatInput.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/src/pages/AgentsPage/components/AgentChatInput.tsx b/site/src/pages/AgentsPage/components/AgentChatInput.tsx index 3b20ad4691..7daad91a4d 100644 --- a/site/src/pages/AgentsPage/components/AgentChatInput.tsx +++ b/site/src/pages/AgentsPage/components/AgentChatInput.tsx @@ -783,7 +783,7 @@ export const AgentChatInput: FC = ({ ref={internalRef} onFilePaste={onAttach ? handleFilePaste : undefined} aria-label="Chat message" - className="min-h-[60px] sm:min-h-24 w-full resize-none bg-transparent px-3 py-2 font-sans text-[15px] leading-6 text-content-primary placeholder:text-content-secondary disabled:cursor-not-allowed disabled:opacity-70" + className="min-h-[60px] sm:min-h-24 w-full resize-none bg-transparent px-3 py-2 font-sans text-[13px] leading-relaxed text-content-primary placeholder:text-content-secondary disabled:cursor-not-allowed disabled:opacity-70" placeholder={placeholder} initialValue={initialValue} initialEditorState={initialEditorState}