From 2ad42a599b45b671a87b91faff21ae7cee177d86 Mon Sep 17 00:00:00 2001
From: nikec <43032218+niikeec@users.noreply.github.com>
Date: Mon, 25 Sep 2023 14:38:12 +0200
Subject: [PATCH] [ENG-1130] fix toast overflow (#1376)

fix toast overflow
---
 packages/ui/src/Toast.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

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