From 80b8e9d0b5679bfa0bdbda1c76ec9a4b4b3db4b3 Mon Sep 17 00:00:00 2001
From: hjlarry <hjlarry@163.com>
Date: Thu, 24 Apr 2025 11:55:19 +0800
Subject: [PATCH] fix error message sometimes not display well

---
 web/app/components/base/toast/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/components/base/toast/index.tsx b/web/app/components/base/toast/index.tsx
index b84a321dd4..725c7af8c2 100644
--- a/web/app/components/base/toast/index.tsx
+++ b/web/app/components/base/toast/index.tsx
@@ -68,7 +68,7 @@ const Toast = ({
       </div>
       <div className={`flex py-1 ${size === 'md' ? 'px-1' : 'px-0.5'} grow flex-col items-start gap-1`}>
         <div className='flex items-center gap-1'>
-          <div className='system-sm-semibold text-text-primary'>{message}</div>
+          <div className='system-sm-semibold text-text-primary [word-break:break-word]'>{message}</div>
           {customComponent}
         </div>
         {children && <div className='system-xs-regular text-text-secondary'>