From cc895af0f832f8c0d5af7e7ad9cbe45d7b28281e Mon Sep 17 00:00:00 2001
From: ahmedGaber93 <a.gaber0093@gmail.com>
Date: Thu, 18 May 2023 23:38:33 +0200
Subject: [PATCH] add some margin between amount and tick mark in
 ReportPreview.js

---
 src/components/ReportActionItem/ReportPreview.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/ReportActionItem/ReportPreview.js b/src/components/ReportActionItem/ReportPreview.js
index 814a38dba5b5..cfbd343200e0 100644
--- a/src/components/ReportActionItem/ReportPreview.js
+++ b/src/components/ReportActionItem/ReportPreview.js
@@ -119,11 +119,13 @@ const ReportPreview = (props) => {
                             <View style={[styles.flexRow]}>
                                 <Text style={[styles.chatItemMessage, styles.cursorPointer]}>{props.translate('iou.payerSettled', {amount: reportAmount})}</Text>
                                 {!props.iouReport.hasOutstandingIOU && (
-                                    <Icon
-                                        style={[styles.ml10]}
-                                        src={Expensicons.Checkmark}
-                                        fill={themeColors.iconSuccessFill}
-                                    />
+                                    <View style={styles.iouPreviewBoxCheckmark}>
+                                        <Icon
+                                            style={[styles.ml10]}
+                                            src={Expensicons.Checkmark}
+                                            fill={themeColors.iconSuccessFill}
+                                        />
+                                    </View>
                                 )}
                             </View>
                         )}