From 2b6d3924fd7167dda2867d3583af0698b7d09377 Mon Sep 17 00:00:00 2001 From: chenhang Date: Thu, 11 Jun 2026 14:02:40 +0800 Subject: [PATCH] fix(chat): right-align user message row for proper mirror layout MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Add align-self: flex-end to .bubbleRowUser so the user message row sizes to its content and pins to the right edge of the chat area. Combined with the existing flex-end cross-axis alignment, this places the user avatar at the right edge with the bubble to its left, producing a proper left-to-right AI / right-to-left user mirror. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- src/app/chat/components/chat-area.module.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/app/chat/components/chat-area.module.css b/src/app/chat/components/chat-area.module.css index 99337a2c..44c7740c 100644 --- a/src/app/chat/components/chat-area.module.css +++ b/src/app/chat/components/chat-area.module.css @@ -46,6 +46,7 @@ display: flex; flex-direction: row; align-items: flex-end; + align-self: flex-end; gap: var(--spacing-1, 4px); }