diff --git a/lib/plugin-sandbox/ui-kit/components.tsx b/lib/plugin-sandbox/ui-kit/components.tsx
index a669a2e38..9eea05bc0 100644
--- a/lib/plugin-sandbox/ui-kit/components.tsx
+++ b/lib/plugin-sandbox/ui-kit/components.tsx
@@ -1188,7 +1188,7 @@ export function InfoBar({ tone = 'neutral', icon, eyebrow, title, children, comp
       <div className="bk flex flex-wrap items-center gap-x-3 gap-y-1.5 px-6 py-1.5 border-b border-border bg-muted/30 text-sm">
         {icon && <span className={cn('w-6 h-6 rounded-full flex items-center justify-center flex-shrink-0', INFO_TONE[tone])}><Icon name={icon} size="sm" /></span>}
         {eyebrow && <span className="text-[0.6875rem] font-semibold text-muted-foreground">{eyebrow}</span>}
-        {title && <span className="min-w-0 flex-1 text-foreground break-words">{title}</span>}
+        {title && <span className="min-w-0 flex-1 text-foreground [overflow-wrap:anywhere]">{title}</span>}
         {children}
       </div>
     );
@@ -1206,7 +1206,7 @@ export function InfoBar({ tone = 'neutral', icon, eyebrow, title, children, comp
             {(eyebrow || title) && (
               <div>
                 {eyebrow && <div className="text-[0.6875rem] font-semibold text-muted-foreground">{eyebrow}</div>}
-                {title && <div className="text-sm font-medium text-foreground break-words">{title}</div>}
+                {title && <div className="text-sm font-medium text-foreground [overflow-wrap:anywhere]">{title}</div>}
               </div>
             )}
             {children}