diff --git a/src/components/ReportActionItem/ReportPreview.js b/src/components/ReportActionItem/ReportPreview.js index 0ddd8098f460..8334a8d2778a 100644 --- a/src/components/ReportActionItem/ReportPreview.js +++ b/src/components/ReportActionItem/ReportPreview.js @@ -241,7 +241,7 @@ function ReportPreview(props) { onPress={(paymentType) => IOU.payMoneyRequest(paymentType, props.chatReport, props.iouReport)} enablePaymentsRoute={ROUTES.ENABLE_PAYMENTS} addBankAccountRoute={bankAccountRoute} - style={[styles.requestPreviewBox]} + style={[styles.mt3]} anchorAlignment={{ horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT, vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.BOTTOM, @@ -253,7 +253,7 @@ function ReportPreview(props) { medium success={props.chatReport.isOwnPolicyExpenseChat} text={translate('common.submit')} - style={styles.requestPreviewBox} + style={styles.mt3} onPress={() => IOU.submitReport(props.iouReport)} /> )} diff --git a/src/styles/styles.ts b/src/styles/styles.ts index ba3c4d888858..ab37c62be5c7 100644 --- a/src/styles/styles.ts +++ b/src/styles/styles.ts @@ -3691,7 +3691,7 @@ const styles = (theme: ThemeDefault) => reportPreviewBox: { backgroundColor: theme.cardBG, borderRadius: variables.componentBorderRadiusLarge, - maxWidth: variables.sideBarWidth, + maxWidth: variables.reportPreviewMaxWidth, width: '100%', }, diff --git a/src/styles/variables.ts b/src/styles/variables.ts index b3a074234828..e7efcf4052d4 100644 --- a/src/styles/variables.ts +++ b/src/styles/variables.ts @@ -167,7 +167,7 @@ export default { eReceiptWordmarkWidth: 86, eReceiptBGHeight: 540, eReceiptBGHWidth: 335, - reportPreviewMaxWidth: 302, + reportPreviewMaxWidth: 335, reportActionImagesSingleImageHeight: 147, reportActionImagesDoubleImageHeight: 138, reportActionImagesMultipleImageHeight: 110,