From c4f1db2bb5b00ff191fb9838f8388777697203ef Mon Sep 17 00:00:00 2001
From: mkhutornyi <mkhutorniy@gmail.com>
Date: Fri, 9 Feb 2024 10:22:31 +0100
Subject: [PATCH] truncate expense description on expense preview

---
 src/components/ReportActionItem/MoneyRequestPreview.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ReportActionItem/MoneyRequestPreview.tsx b/src/components/ReportActionItem/MoneyRequestPreview.tsx
index e89193108d24..6c8be54fbc34 100644
--- a/src/components/ReportActionItem/MoneyRequestPreview.tsx
+++ b/src/components/ReportActionItem/MoneyRequestPreview.tsx
@@ -325,7 +325,11 @@ function MoneyRequestPreview({
                                     {!isCurrentUserManager && shouldShowPendingConversionMessage && (
                                         <Text style={[styles.textLabel, styles.colorMuted]}>{translate('iou.pendingConversionMessage')}</Text>
                                     )}
-                                    {shouldShowDescription && <RenderHTML html={parser.replace(merchantOrDescription)} />}
+                                    {shouldShowDescription && (
+                                        <View style={[styles.breakWord, styles.preWrap]}>
+                                            <RenderHTML html={parser.replace(merchantOrDescription)} />
+                                        </View>
+                                    )}
                                     {shouldShowMerchant && <Text style={[styles.textLabelSupporting, styles.textNormal]}>{merchantOrDescription}</Text>}
                                 </View>
                                 {isBillSplit && participantAccountIDs.length > 0 && !!requestAmount && requestAmount > 0 && (