diff --git a/src/components/ReportActionItem/ReportPreview.js b/src/components/ReportActionItem/ReportPreview.js index 6a121d343eaa..4eae450a4e86 100644 --- a/src/components/ReportActionItem/ReportPreview.js +++ b/src/components/ReportActionItem/ReportPreview.js @@ -14,6 +14,7 @@ import {showContextMenuForReport} from '@components/ShowContextMenuContext'; import Text from '@components/Text'; import withLocalize, {withLocalizePropTypes} from '@components/withLocalize'; import useLocalize from '@hooks/useLocalize'; +import useStyleUtils from '@hooks/useStyleUtils'; import useTheme from '@hooks/useTheme'; import useThemeStyles from '@hooks/useThemeStyles'; import compose from '@libs/compose'; @@ -28,6 +29,7 @@ import * as ReportUtils from '@libs/ReportUtils'; import * as TransactionUtils from '@libs/TransactionUtils'; import reportActionPropTypes from '@pages/home/report/reportActionPropTypes'; import reportPropTypes from '@pages/reportPropTypes'; +import variables from '@styles/variables'; import * as IOU from '@userActions/IOU'; import CONST from '@src/CONST'; import ONYXKEYS from '@src/ONYXKEYS'; @@ -120,6 +122,7 @@ const defaultProps = { function ReportPreview(props) { const theme = useTheme(); const styles = useThemeStyles(); + const {getLineHeightStyle} = useStyleUtils(); const {translate} = useLocalize(); const [hasMissingSmartscanFields, sethasMissingSmartscanFields] = useState(false); @@ -270,7 +273,7 @@ function ReportPreview(props) { - {getPreviewMessage()} + {getPreviewMessage()} {!iouSettled && hasErrors && ( ...whiteSpace.preWrap, color: theme.heading, fontSize: variables.fontSizeXLarge, - lineHeight: variables.lineHeightXXLarge, + lineHeight: variables.lineHeightXXXLarge, }, textHeadlineH1: { @@ -1579,7 +1579,7 @@ const styles = (theme: ThemeColors) => optionDisplayName: { fontFamily: fontFamily.EXP_NEUE, minHeight: variables.alternateTextHeight, - lineHeight: variables.lineHeightXLarge, + lineHeight: variables.lineHeightXXLarge, ...whiteSpace.noWrap, }, @@ -1599,7 +1599,7 @@ const styles = (theme: ThemeColors) => optionAlternateText: { minHeight: variables.alternateTextHeight, - lineHeight: variables.lineHeightXLarge, + lineHeight: variables.lineHeightXXLarge, }, optionAlternateTextCompact: { @@ -1727,7 +1727,7 @@ const styles = (theme: ThemeColors) => fontFamily: fontFamily.EXP_NEUE_BOLD, fontSize: variables.fontSizeNormal, fontWeight: fontWeightBold, - lineHeight: variables.lineHeightXLarge, + lineHeight: variables.lineHeightXXLarge, ...wordBreak.breakWord, }, @@ -3684,6 +3684,7 @@ const styles = (theme: ThemeColors) => fontFamily: isSelected ? fontFamily.EXP_NEUE_BOLD : fontFamily.EXP_NEUE, fontWeight: isSelected ? fontWeightBold : '400', color: isSelected ? theme.text : theme.textSupporting, + lineHeight: 14, } satisfies TextStyle), tabBackground: (hovered: boolean, isFocused: boolean, background: string | Animated.AnimatedInterpolation) => ({