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'>