diff --git a/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx b/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx
index 79ae9b37d01c..ba2a7e96011c 100755
--- a/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx
+++ b/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx
@@ -5,7 +5,6 @@ import type {TNode} from 'react-native-render-html';
import useThemeStyles from '@hooks/useThemeStyles';
import convertToLTR from '@libs/convertToLTR';
import FontUtils from '@styles/utils/FontUtils';
-import variables from '@styles/variables';
import type ChildrenProps from '@src/types/utils/ChildrenProps';
import {computeEmbeddedMaxWidth, isChildOfTaskTitle} from './htmlEngineUtils';
import htmlRenderers from './HTMLRenderers';
@@ -152,7 +151,7 @@ function BaseHTMLEngineProvider({textSelectable = false, children, enableExperim
'account-manager-link': HTMLElementModel.fromCustomModel({tagName: 'account-manager-link', contentModel: HTMLContentModel.textual}),
'next-step': HTMLElementModel.fromCustomModel({
tagName: 'next-step',
- mixedUAStyles: {...styles.textLabelSupporting, paddingVertical: variables.labelPaddingVertical},
+ mixedUAStyles: {...styles.textLabelSupporting, ...styles.lh16},
contentModel: HTMLContentModel.textual,
}),
'next-step-email': HTMLElementModel.fromCustomModel({tagName: 'next-step-email', contentModel: HTMLContentModel.textual}),
@@ -195,7 +194,6 @@ function BaseHTMLEngineProvider({textSelectable = false, children, enableExperim
styles.taskTitleMenuItemItalic,
styles.em,
styles.h1,
- styles.lh16,
styles.blockquote,
styles.onlyEmojisTextLineHeight,
styles.subTextFileUpload,
diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
index 253fd313f47b..4885e059a74f 100644
--- a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
+++ b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
@@ -715,7 +715,7 @@ function MoneyRequestReportPreviewContent({
{reportStatus}
)}
- {!shouldShowAccessPlaceHolder && {expenseCount}}
+ {!shouldShowAccessPlaceHolder && {expenseCount}}
)
)}
diff --git a/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx b/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx
index 4765d6aa2c76..5f16f61fe2f2 100644
--- a/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx
+++ b/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx
@@ -378,15 +378,7 @@ function TransactionPreviewContent({
/>
{RBRMessage}
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 496a8fcc0f51..c25dd36cbbcd 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -359,7 +359,7 @@ const staticStyles = (theme: ThemeColors) =>
alignItems: 'center',
justifyContent: 'center',
borderRadius: variables.componentBorderRadiusSmall,
- minHeight: 16,
+ height: 16,
},
reportStatusText: {
@@ -1469,10 +1469,6 @@ const staticStyles = (theme: ThemeColors) =>
color: theme.textSupporting,
},
- lhUndefined: {
- lineHeight: undefined,
- },
-
lh14: {
lineHeight: variables.lineHeightSmall,
},
@@ -4136,12 +4132,8 @@ const staticStyles = (theme: ThemeColors) =>
height: 450,
},
- textMicroSupportingPadding: {
- padding: variables.paddingSmall,
- },
-
tabSelectorButton: {
- minHeight: variables.tabSelectorButtonHeight,
+ height: variables.tabSelectorButtonHeight,
padding: variables.tabSelectorButtonPadding,
flexDirection: 'row',
alignItems: 'center',
diff --git a/src/styles/variables.ts b/src/styles/variables.ts
index f897acb9e2f0..b29d76fdb817 100644
--- a/src/styles/variables.ts
+++ b/src/styles/variables.ts
@@ -52,7 +52,6 @@ export default {
defaultAvatarPreviewSize: 360,
fabBottom: 25,
breadcrumbsFontSize: getValueUsingPixelRatio(19, 32),
- labelPaddingVertical: Math.abs((getValueUsingPixelRatio(13, 19) - 16) / 2),
fontSizeXXSmall: 7,
fontSizeSmall: getValueUsingPixelRatio(11, 17),
fontSizeExtraSmall: 9,
@@ -134,7 +133,6 @@ export default {
inputHeightSmall: 28,
inputIconMarginTopSmall: getValueUsingPixelRatio(8, 11),
inputIconMarginTopLarge: getValueUsingPixelRatio(16, 21),
- paddingSmall: getValueUsingPixelRatio(7, 8),
formErrorLineHeight: getValueUsingPixelRatio(18, 23),
communicationsLinkHeight: getValueUsingPixelRatio(20, 30),
alternateTextHeight: getValueUsingPixelRatio(20, 24),