Merge pull request #38542 from Krishna2323/krishna2323/issue/38523

fix: Incorrect numpad horizontal padding on the native and mweb devices.
Expensify · Apr 4, 2024 · 3644018 · 3644018
2 parents 64b5661 + f18cfd8
commit 3644018
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/components/AmountPicker/AmountSelectorModal.tsx b/src/components/AmountPicker/AmountSelectorModal.tsx
@@ -31,12 +31,13 @@ function AmountSelectorModal({value, description = '', onValueSelected, isVisibl
                 includeSafeAreaPaddingBottom={false}
                 testID={AmountSelectorModal.displayName}
                 shouldEnableMaxHeight
+                style={[styles.pb0]}
             >
                 <HeaderWithBackButton
                     title={description}
                     onBackButtonPress={onClose}
                 />
-                <ScrollView contentContainerStyle={[styles.flex1, styles.mh5, styles.mb5]}>
+                <ScrollView contentContainerStyle={[styles.flexGrow1, styles.mb5]}>
                     <View style={styles.flex1}>
                         <AmountForm
                             // eslint-disable-next-line react/jsx-props-no-spreading
@@ -45,14 +46,15 @@ function AmountSelectorModal({value, description = '', onValueSelected, isVisibl
                             value={currentValue}
                             onInputChange={setValue}
                         />
+                        <Button
+                            success
+                            large
+                            pressOnEnter
+                            text={translate('common.save')}
+                            onPress={() => onValueSelected?.(currentValue ?? '')}
+                            style={styles.mh5}
+                        />
                     </View>
-                    <Button
-                        success
-                        large
-                        pressOnEnter
-                        text={translate('common.save')}
-                        onPress={() => onValueSelected?.(currentValue ?? '')}
-                    />
                 </ScrollView>
             </ScreenWrapper>
         </Modal>