Use medium font weight in a few places (#8848)

* medium font toasts

* medium font tabs

* medium font trending pill

2 files changed, 3 insertions, 6 deletions

diff --git a/src/screens/Search/modules/ExploreSuggestedAccounts.tsx b/src/screens/Search/modules/ExploreSuggestedAccounts.tsx
index f91877143..fd37544f4 100644
--- a/src/screens/Search/modules/ExploreSuggestedAccounts.tsx
+++ b/src/screens/Search/modules/ExploreSuggestedAccounts.tsx
@@ -147,7 +147,7 @@ let Tab = ({
             ]}>
             <Text
               style={[
-                /* TODO: medium weight */
+                a.font_medium,
                 active || hovered || pressed || focused
                   ? t.atoms.text
                   : t.atoms.text_contrast_medium,
diff --git a/src/screens/Search/modules/ExploreTrendingTopics.tsx b/src/screens/Search/modules/ExploreTrendingTopics.tsx
index 130eb1e5e..596d40aa4 100644
--- a/src/screens/Search/modules/ExploreTrendingTopics.tsx
+++ b/src/screens/Search/modules/ExploreTrendingTopics.tsx
@@ -163,10 +163,7 @@ function TrendingIndicator({type}: {type: TrendingIndicatorType | 'skeleton'}) {
     a.align_center,
     a.gap_xs,
     a.rounded_full,
-    a.px_sm,
-    {
-      height: 28,
-    },
+    {height: 28, paddingHorizontal: 10},
   ]
 
   let Icon: React.ComponentType<SVGIconProps> | null = null
@@ -218,7 +215,7 @@ function TrendingIndicator({type}: {type: TrendingIndicatorType | 'skeleton'}) {
   return (
     <View style={[pillStyles, {backgroundColor}]}>
       {Icon && <Icon size="sm" style={{color}} />}
-      <Text style={[a.text_sm, {color}]}>{text}</Text>
+      <Text style={[a.text_sm, a.font_medium, {color}]}>{text}</Text>
     </View>
   )
 }