From dca7d3452f79db468cf53ba5c59c51ba541c1595 Mon Sep 17 00:00:00 2001
From: ShreyaRHipparagi <shreyahipparagi2006@gmail.com>
Date: Tue, 3 Mar 2026 00:44:32 +0530
Subject: [PATCH] fix(omnichannel): wrap transfer comment to multiple lines
 (#26723)

---
 .../client/components/message/variants/SystemMessage.tsx | 9 ++++++++-
 .../contactHistory/MessageList/ContactHistoryMessage.tsx | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/meteor/client/components/message/variants/SystemMessage.tsx b/apps/meteor/client/components/message/variants/SystemMessage.tsx
index ff19c38a5003b..b8e4bdd9fd42d 100644
--- a/apps/meteor/client/components/message/variants/SystemMessage.tsx
+++ b/apps/meteor/client/components/message/variants/SystemMessage.tsx
@@ -87,7 +87,14 @@ const SystemMessage = ({ message, showUserAvatar, ...props }: SystemMessageProps
 						)}
 					</MessageNameContainer>
 					{messageType && (
-						<MessageSystemBody role='document' aria-roledescription={t('system_message_body')}>
+						<MessageSystemBody
+							role='document'
+							aria-roledescription={t('system_message_body')}
+							{...(message.t === 'livechat_transfer_history' && {
+								wordBreak: 'break-word',
+								style: { whiteSpace: 'pre-wrap' },
+							})}
+						>
 							{messageType.text(t, message)}
 						</MessageSystemBody>
 					)}
diff --git a/apps/meteor/client/views/omnichannel/contactHistory/MessageList/ContactHistoryMessage.tsx b/apps/meteor/client/views/omnichannel/contactHistory/MessageList/ContactHistoryMessage.tsx
index 4f8d7d27cf74c..fdebc1b124749 100644
--- a/apps/meteor/client/views/omnichannel/contactHistory/MessageList/ContactHistoryMessage.tsx
+++ b/apps/meteor/client/views/omnichannel/contactHistory/MessageList/ContactHistoryMessage.tsx
@@ -71,7 +71,7 @@ const ContactHistoryMessage = ({ message, sequential, isNewDay, showUserAvatar }
 						<MessageSystemName data-username={message.u.username} data-qa-type='username'>
 							@{message.u.username}
 						</MessageSystemName>
-						<MessageSystemBody title={message.msg}>{t('Conversation_closed', { comment: message.msg })}</MessageSystemBody>
+						<MessageSystemBody title={message.msg} wordBreak='break-word' style={{ whiteSpace: 'pre-wrap' }}>{t('Conversation_closed', { comment: message.msg })}</MessageSystemBody>
 						<MessageSystemTimestamp title={formatTime(message.ts)}>{formatTime(message.ts)}</MessageSystemTimestamp>
 					</MessageSystemBlock>
 				</MessageSystemContainer>