diff --git a/app/mobile/src/session/contact/Contact.jsx b/app/mobile/src/session/contact/Contact.jsx
index f56600c3..c9cf57bf 100644
--- a/app/mobile/src/session/contact/Contact.jsx
+++ b/app/mobile/src/session/contact/Contact.jsx
@@ -242,12 +242,14 @@ export function Contact({ contact, drawer, back }) {
               </TouchableOpacity>
             </View>
             <View style={{ ...styles.details, width: state.detailWidth }}>
-              { state.name && (
-                <Text style={styles.nameSet} numberOfLines={1} adjustsFontSizeToFit={true}>{ state.name }</Text>
-              )}
-              { !state.name && (
-                <Text style={styles.nameUnset}>{ state.strings.name }</Text>
-              )}
+              <View style={styles.name}>
+                { state.name && (
+                  <Text style={styles.nameSet} numberOfLines={1} adjustsFontSizeToFit={true}>{ state.name }</Text>
+                )}
+                { !state.name && (
+                  <Text style={styles.nameUnset}>{ state.strings.name }</Text>
+                )}
+              </View>
               <View style={styles.usernameStatus}>
                 <Text style={styles.username} numberOfLines={1} adjustsFontSizeToFit={true}>{ state.username }</Text>
                 <View style={styles.status}>
diff --git a/app/mobile/src/session/contact/Contact.styled.js b/app/mobile/src/session/contact/Contact.styled.js
index 9113e95b..576b84ee 100644
--- a/app/mobile/src/session/contact/Contact.styled.js
+++ b/app/mobile/src/session/contact/Contact.styled.js
@@ -188,10 +188,15 @@ export const styles = StyleSheet.create({
     paddingLeft: 16,
     paddingRight: 16,
   },
+  name: {
+    display: 'flex',
+    flexShrink: 0,
+  },
   usernameStatus: {
     display: 'flex',
     flexDirection: 'row',
     marginTop: 4,
+    flexShrink: 0,
   },
   status: {
     display: 'flex',