Merge pull request #8017 from adeel0202/adeel-remove-checkbox-bottom-…

…margin remove extra margin below checkbox
Expensify · Mar 8, 2022 · 1cf92c8 · 1cf92c8
2 parents 67f26ba + 460135f
commit 1cf92c8
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git 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.mv4]}
                         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
@@ -300,7 +300,7 @@ class BankAccountStep extends React.Component {
                             errorText={this.getErrorText('accountNumber')}
                         />
                         <CheckboxWithLabel
-                            style={[styles.mb4, styles.mt5]}
+                            style={styles.mt4}
                             isChecked={this.state.hasAcceptedTerms}
                             onPress={this.toggleTerms}
                             LabelComponent={() => (

diff --git 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)}
                             />