From 6aad9e284691ec26af64ed55946ed242a0d9cf2b Mon Sep 17 00:00:00 2001
From: Nam Le <yentth237@gmail.com>
Date: Sat, 9 Sep 2023 21:59:50 +0700
Subject: [PATCH 1/2] fix padding description and amount

---
 src/components/ReportActionItem/MoneyRequestPreview.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ReportActionItem/MoneyRequestPreview.js b/src/components/ReportActionItem/MoneyRequestPreview.js
index 05c3463538c6..844d1c544238 100644
--- a/src/components/ReportActionItem/MoneyRequestPreview.js
+++ b/src/components/ReportActionItem/MoneyRequestPreview.js
@@ -292,12 +292,12 @@ function MoneyRequestPreview(props) {
                                     <Text style={[styles.textLabelSupporting, styles.mb1, styles.lh20, styles.breakWord]}>{requestMerchant}</Text>
                                 </View>
                             )}
-                            <View style={[styles.flexRow]}>
+                            <View style={[styles.flexRow, styles.mt1]}>
                                 <View style={[styles.flex1]}>
                                     {!isCurrentUserManager && props.shouldShowPendingConversionMessage && (
-                                        <Text style={[styles.textLabel, styles.colorMuted, styles.mt1]}>{props.translate('iou.pendingConversionMessage')}</Text>
+                                        <Text style={[styles.textLabel, styles.colorMuted]}>{props.translate('iou.pendingConversionMessage')}</Text>
                                     )}
-                                    {shouldShowDescription && <Text style={[styles.mt1, styles.colorMuted]}>{description}</Text>}
+                                    {shouldShowDescription && <Text style={[styles.colorMuted]}>{description}</Text>}
                                 </View>
                                 {props.isBillSplit && !_.isEmpty(participantAccountIDs) && (
                                     <Text style={[styles.textLabel, styles.colorMuted, styles.ml1]}>

From 9ea79cdaf6b2ef4c49bdafc3cc03ad83fd74dcc7 Mon Sep 17 00:00:00 2001
From: Nam Le <yentth237@gmail.com>
Date: Wed, 13 Sep 2023 00:05:30 +0700
Subject: [PATCH 2/2] add padding amount

---
 src/components/ReportActionItem/MoneyRequestPreview.js | 2 +-
 src/styles/styles.js                                   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ReportActionItem/MoneyRequestPreview.js b/src/components/ReportActionItem/MoneyRequestPreview.js
index 844d1c544238..ed8a68849d47 100644
--- a/src/components/ReportActionItem/MoneyRequestPreview.js
+++ b/src/components/ReportActionItem/MoneyRequestPreview.js
@@ -300,7 +300,7 @@ function MoneyRequestPreview(props) {
                                     {shouldShowDescription && <Text style={[styles.colorMuted]}>{description}</Text>}
                                 </View>
                                 {props.isBillSplit && !_.isEmpty(participantAccountIDs) && (
-                                    <Text style={[styles.textLabel, styles.colorMuted, styles.ml1]}>
+                                    <Text style={[styles.textLabel, styles.colorMuted, styles.ml1, styles.amountSplitPadding]}>
                                         {props.translate('iou.amountEach', {
                                             amount: CurrencyUtils.convertToDisplayString(
                                                 IOUUtils.calculateAmount(isPolicyExpenseChat ? 1 : participantAccountIDs.length - 1, requestAmount, requestCurrency),
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 040c9cb8d910..f068a7469525 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2687,6 +2687,10 @@ const styles = {
         padding: 16,
     },
 
+    amountSplitPadding: {
+        paddingTop: 2,
+    },
+
     moneyRequestPreviewBoxLoading: {
         // When a new IOU request arrives it is very briefly in a loading state, so set the minimum height of the container to 94 to match the rendered height after loading.
         // Otherwise, the IOU request pay button will not be fully visible and the user will have to scroll up to reveal the entire IOU request container.