diff --git a/src/components/MoneyRequestHeaderStatusBar.tsx b/src/components/MoneyRequestHeaderStatusBar.tsx index b7bba0223656..5ad3c332cad9 100644 --- a/src/components/MoneyRequestHeaderStatusBar.tsx +++ b/src/components/MoneyRequestHeaderStatusBar.tsx @@ -17,9 +17,12 @@ type MoneyRequestHeaderStatusBarProps = { /** Whether we should use the danger theme color */ danger?: boolean; + + /** Whether we style flex grow */ + shouldStyleFlexGrow?: boolean; }; -function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom, danger = false}: MoneyRequestHeaderStatusBarProps) { +function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom, danger = false, shouldStyleFlexGrow = true}: MoneyRequestHeaderStatusBarProps) { const styles = useThemeStyles(); const borderBottomStyle = shouldShowBorderBottom ? styles.borderBottom : {}; return ( @@ -28,7 +31,7 @@ function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom styles.dFlex, styles.flexRow, styles.alignItemsCenter, - styles.flexGrow1, + shouldStyleFlexGrow && styles.flexGrow1, styles.overflowHidden, styles.ph5, styles.pb3, diff --git a/src/pages/iou/SplitBillDetailsPage.tsx b/src/pages/iou/SplitBillDetailsPage.tsx index 51b432d7e860..7d0b9bb15b07 100644 --- a/src/pages/iou/SplitBillDetailsPage.tsx +++ b/src/pages/iou/SplitBillDetailsPage.tsx @@ -103,6 +103,7 @@ function SplitBillDetailsPage({personalDetails, report, route, reportActions, tr title={translate('iou.receiptStatusTitle')} description={translate('iou.receiptStatusText')} shouldShowBorderBottom + shouldStyleFlexGrow={false} /> )} {!!participants.length && (