Merge pull request #4650 from parasharrajat/trimName

fixed: Name overflowing the available area

Author: deetergp

src/pages/settings/InitialPage.js

@@ -174,7 +174,7 @@ const InitialSettingsPage = ({
                             />
                         </Pressable>
 
-                        <Pressable style={[styles.mt1]} onPress={openProfileSettings}>
+                        <Pressable style={[styles.mt1, styles.mw100]} onPress={openProfileSettings}>
                             <Text style={[styles.displayName]} numberOfLines={1}>
                                 {myPersonalDetails.displayName
                                     ? myPersonalDetails.displayName

src/styles/utilities/sizing.js

@@ -24,6 +24,10 @@ export default {
         maxWidth: 'auto',
     },
 
+    mw100: {
+        maxWidth: '100%',
+    },
+
     w1: {
         width: 4,
     },