From 05e6b12f08e5c08a04c7092e7da9956ac9a8c067 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Tue, 3 Sep 2024 21:47:39 -0500
Subject: [PATCH] Reduce size of TabBar

---
 src/view/com/pager/TabBar.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/view/com/pager/TabBar.tsx b/src/view/com/pager/TabBar.tsx
index 59bb77e367..1961469ec2 100644
--- a/src/view/com/pager/TabBar.tsx
+++ b/src/view/com/pager/TabBar.tsx
@@ -4,8 +4,9 @@ import {LayoutChangeEvent, ScrollView, StyleSheet, View} from 'react-native'
 import {isNative} from '#/platform/detection'
 import {usePalette} from 'lib/hooks/usePalette'
 import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
+import {atoms as a} from '#/alf'
+import {Text as NewText} from '#/components/Typography'
 import {PressableWithHover} from '../util/PressableWithHover'
-import {Text} from '../util/text/Text'
 import {DraggableScrollView} from './DraggableScrollView'
 
 export interface TabBarProps {
@@ -137,15 +138,16 @@ export function TabBar({
               hoverStyle={pal.viewLight}
               onPress={() => onPressItem(i)}>
               <View style={[styles.itemInner, selected && indicatorStyle]}>
-                <Text
-                  type={isDesktop || isTablet ? 'xl-bold' : 'lg-bold'}
+                <NewText
                   testID={testID ? `${testID}-${item}` : undefined}
                   style={[
                     selected ? pal.text : pal.textLight,
+                    a.font_bold,
                     {lineHeight: 20},
+                    isDesktop || isTablet ? a.text_md : a.text_sm,
                   ]}>
                   {item}
-                </Text>
+                </NewText>
               </View>
             </PressableWithHover>
           )