From ebac29e79f577991695bdae4c95d230a859391e7 Mon Sep 17 00:00:00 2001
From: Muhammad Adeel Nawaz <adeel0202@gmail.com>
Date: Sat, 5 Mar 2022 11:58:40 +0500
Subject: [PATCH 1/3] remove extra margin below checkbox

---
 src/pages/EnablePayments/TermsStep.js             | 3 +--
 src/pages/ReimbursementAccount/BankAccountStep.js | 2 +-
 src/pages/settings/Payments/AddDebitCardPage.js   | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/pages/EnablePayments/TermsStep.js b/src/pages/EnablePayments/TermsStep.js
index 8796487b7e0d..919b7589bf8a 100644
--- a/src/pages/EnablePayments/TermsStep.js
+++ b/src/pages/EnablePayments/TermsStep.js
@@ -79,7 +79,6 @@ class TermsStep extends React.Component {
                         )}
                     />
                     <CheckboxWithLabel
-                        style={styles.mb4}
                         isChecked={this.state.hasAcceptedPrivacyPolicyAndWalletAgreement}
                         onPress={this.togglePrivacyPolicy}
                         LabelComponent={() => (
@@ -107,7 +106,7 @@ class TermsStep extends React.Component {
                     )}
                     <Button
                         success
-                        style={styles.mb4}
+                        style={[styles.mb4, styles.mt4]}
                         text={this.props.translate('termsStep.enablePayments')}
                         isLoading={this.props.walletTerms.loading}
                         onPress={() => {
diff --git a/src/pages/ReimbursementAccount/BankAccountStep.js b/src/pages/ReimbursementAccount/BankAccountStep.js
index 53e2a96cb174..f06a798f6db9 100644
--- a/src/pages/ReimbursementAccount/BankAccountStep.js
+++ b/src/pages/ReimbursementAccount/BankAccountStep.js
@@ -300,7 +300,7 @@ class BankAccountStep extends React.Component {
                             errorText={this.getErrorText('accountNumber')}
                         />
                         <CheckboxWithLabel
-                            style={[styles.mb4, styles.mt5]}
+                            style={styles.mt5}
                             isChecked={this.state.hasAcceptedTerms}
                             onPress={this.toggleTerms}
                             LabelComponent={() => (
diff --git a/src/pages/settings/Payments/AddDebitCardPage.js b/src/pages/settings/Payments/AddDebitCardPage.js
index ef883c5d327a..3345077ea0fe 100644
--- a/src/pages/settings/Payments/AddDebitCardPage.js
+++ b/src/pages/settings/Payments/AddDebitCardPage.js
@@ -304,7 +304,7 @@ class DebitCardPage extends Component {
                                         </TextLink>
                                     </>
                                 )}
-                                style={[styles.mt4, styles.mb4]}
+                                style={styles.mt4}
                                 errorText={this.getErrorText('acceptedTerms')}
                                 hasError={Boolean(this.state.errors.acceptedTerms)}
                             />

From c87b0c841b663d176735bfb99dafb74b4792744e Mon Sep 17 00:00:00 2001
From: Muhammad Adeel Nawaz <13783842+adeel0202@users.noreply.github.com>
Date: Sat, 5 Mar 2022 22:03:28 +0500
Subject: [PATCH 2/3] replace margin top and bottom with margin vertical

Co-authored-by: Rajat Parashar <parasharrajat@users.noreply.github.com>
---
 src/pages/EnablePayments/TermsStep.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/EnablePayments/TermsStep.js b/src/pages/EnablePayments/TermsStep.js
index 919b7589bf8a..674ecf09a2b7 100644
--- a/src/pages/EnablePayments/TermsStep.js
+++ b/src/pages/EnablePayments/TermsStep.js
@@ -106,7 +106,7 @@ class TermsStep extends React.Component {
                     )}
                     <Button
                         success
-                        style={[styles.mb4, styles.mt4]}
+                        style={[styles.mv4]}
                         text={this.props.translate('termsStep.enablePayments')}
                         isLoading={this.props.walletTerms.loading}
                         onPress={() => {

From 460135f0ee6e1a8e5f99324be03a933c40893d46 Mon Sep 17 00:00:00 2001
From: Muhammad Adeel Nawaz <13783842+adeel0202@users.noreply.github.com>
Date: Tue, 8 Mar 2022 13:19:48 +0500
Subject: [PATCH 3/3] consistent margin on top

---
 src/pages/ReimbursementAccount/BankAccountStep.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ReimbursementAccount/BankAccountStep.js b/src/pages/ReimbursementAccount/BankAccountStep.js
index f06a798f6db9..8bfb053f3070 100644
--- a/src/pages/ReimbursementAccount/BankAccountStep.js
+++ b/src/pages/ReimbursementAccount/BankAccountStep.js
@@ -300,7 +300,7 @@ class BankAccountStep extends React.Component {
                             errorText={this.getErrorText('accountNumber')}
                         />
                         <CheckboxWithLabel
-                            style={styles.mt5}
+                            style={styles.mt4}
                             isChecked={this.state.hasAcceptedTerms}
                             onPress={this.toggleTerms}
                             LabelComponent={() => (