From 41369fa5f2b4c856319794be733a657d0ff6084d Mon Sep 17 00:00:00 2001
From: Bohdan Triapitsyn <artmore@protonmail.com>
Date: Tue, 28 Apr 2026 16:37:15 +0300
Subject: [PATCH] fix: align chat error message icon

Centers the error icon with message text
Improves error text wrapping
---
 .../ui/src/components/chat/message/MessageBody.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/chat/message/MessageBody.tsx b/packages/ui/src/components/chat/message/MessageBody.tsx
index f838d483..06c51fe1 100644
--- a/packages/ui/src/components/chat/message/MessageBody.tsx
+++ b/packages/ui/src/components/chat/message/MessageBody.tsx
@@ -1741,11 +1741,15 @@ const AssistantMessageBody = React.memo(({
                     {renderedParts}
                     {showErrorMessage && (
                         <FadeInOnReveal key="assistant-error">
-                            <div className="group/assistant-text relative mt-3 p-3 rounded-lg border bg-[var(--status-error-background)] border-[var(--status-error-border)] break-all max-w-full">
-                                <div className="flex items-start gap-2">
-                                    <RiErrorWarningLine className="h-4 w-4 shrink-0 mt-0.5 text-[var(--status-error)]" />
-                                    <div className="break-all min-w-0 flex-1">
-                                        <SimpleMarkdownRenderer content={errorMessage ?? ''} onShowPopup={onShowPopup} />
+                            <div className="group/assistant-text relative mt-3 p-3 rounded-lg border bg-[var(--status-error-background)] border-[var(--status-error-border)] break-words max-w-full">
+                                <div className="flex items-center gap-2">
+                                    <RiErrorWarningLine className="h-4 w-4 shrink-0 text-[var(--status-error)]" />
+                                    <div className="min-w-0 flex-1 break-words">
+                                        <SimpleMarkdownRenderer
+                                            content={errorMessage ?? ''}
+                                            onShowPopup={onShowPopup}
+                                            className="[&_.markdown-content>*:first-child]:mt-0 [&_.markdown-content>*:last-child]:mb-0"
+                                        />
                                     </div>
                                 </div>
                             </div>