Merge pull request Expensify#34005 from aswin-s/fix/issue-31785

yh-0218 · Jan 5, 2024 · f5a3c02 · f5a3c02
2 parents ae4245e + e261836
commit f5a3c02
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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<string>) => ({

diff --git 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,