diff --git a/src/components/TabSelector/TabLabel.tsx b/src/components/TabSelector/TabLabel.tsx index 40f4dc30bb97..548b4ebccbc8 100644 --- a/src/components/TabSelector/TabLabel.tsx +++ b/src/components/TabSelector/TabLabel.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import {Animated, StyleSheet, Text, View} from 'react-native'; +import {Animated, StyleSheet, View} from 'react-native'; +import Text from '@components/Text'; import useThemeStyles from '@hooks/useThemeStyles'; type TabLabelProps = { diff --git a/src/styles/index.ts b/src/styles/index.ts index 4ef8740fbebb..6d3cbd93c6c8 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -3708,7 +3708,8 @@ const styles = (theme: ThemeColors) => fontFamily: isSelected ? FontUtils.fontFamily.platform.EXP_NEUE_BOLD : FontUtils.fontFamily.platform.EXP_NEUE, fontWeight: isSelected ? FontUtils.fontWeight.bold : '400', color: isSelected ? theme.text : theme.textSupporting, - lineHeight: 14, + lineHeight: variables.lineHeightNormal, + fontSize: variables.fontSizeNormal, } satisfies TextStyle), tabBackground: (hovered: boolean, isFocused: boolean, background: string | Animated.AnimatedInterpolation) => ({ diff --git a/src/styles/variables.ts b/src/styles/variables.ts index 80834c9a0261..08a89526e4c3 100644 --- a/src/styles/variables.ts +++ b/src/styles/variables.ts @@ -142,7 +142,7 @@ export default { signInLogoWidthLargeScreen: 144, signInLogoHeightLargeScreen: 108, signInLogoWidthPill: 132, - tabSelectorButtonHeight: 40, + tabSelectorButtonHeight: 42, tabSelectorButtonPadding: 12, lhnLogoWidth: 95.09, lhnLogoHeight: 22.33,