diff --git a/packages/ui/src/Toast.tsx b/packages/ui/src/Toast.tsx
index 37095d484..e9f91e50a 100644
--- a/packages/ui/src/Toast.tsx
+++ b/packages/ui/src/Toast.tsx
@@ -111,9 +111,17 @@ const Toast = ({ closable = true, action, cancel, ...props }: ToastProps) => {
 			)}
 
 			<div className="flex grow flex-col">
-				{title && <span className="font-medium text-ink">{title}</span>}
+				{title && (
+					<span className="font-medium text-ink" style={{ wordBreak: 'break-word' }}>
+						{title}
+					</span>
+				)}
 
-				<div className="mt-0.5">{body}</div>
+				{body && (
+					<div className="mt-0.5" style={{ wordBreak: 'break-word' }}>
+						{body}
+					</div>
+				)}
 
 				{(action || cancel) && (
 					<div className="mt-2.5 flex gap-2">