diff --git a/src/pages/settings/Payments/PaymentsPage.js b/src/pages/settings/Payments/PaymentsPage.js index 138c30938801..646a3f9b3e11 100644 --- a/src/pages/settings/Payments/PaymentsPage.js +++ b/src/pages/settings/Payments/PaymentsPage.js @@ -216,6 +216,9 @@ class PaymentsPage extends React.Component { render() { const isPayPalMeSelected = this.state.formattedSelectedPaymentMethod.type === CONST.PAYMENT_METHODS.PAYPAL; + + // Determines whether or not the modal popup is mounted from the bottom of the screen instead of the side mount on Web or Desktop screens + const isPopoverBottomMount = this.state.anchorPositionTop === 0 || this.props.isSmallScreenWidth; return ( @@ -290,7 +293,7 @@ class PaymentsPage extends React.Component { !this.props.isSmallScreenWidth ? styles.sidebarPopover : '', ]} > - {this.props.isSmallScreenWidth && ( + {isPopoverBottomMount && (