adjusted header font size depending on length

1 files changed, 8 insertions, 2 deletions

diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index 95d45d32..8f7556be 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -268,7 +268,14 @@ export const headerBarOptions: (
     />
   ),
   headerTitle: () => (
-    <Text style={[styles.headerTitle, {color: color}]}>{title}</Text>
+    <Text
+      style={[
+        styles.headerTitle,
+        {color: color},
+        {fontSize: title.length > 18 ? normalize(14) : normalize(16)},
+      ]}>
+      {title}
+    </Text>
   ),
 });
 
@@ -291,7 +298,6 @@ const styles = StyleSheet.create({
     marginLeft: 30,
   },
   headerTitle: {
-    fontSize: normalize(16),
     letterSpacing: normalize(1.3),
     fontWeight: '700',
   },