diff --git a/native/components/user-profile.react.js b/native/components/user-profile.react.js
--- a/native/components/user-profile.react.js
+++ b/native/components/user-profile.react.js
@@ -9,6 +9,7 @@
 
 import SWMansionIcon from './swmansion-icon.react.js';
 import UserAvatar from '../avatars/user-avatar.react.js';
+import { SingleLine } from '../components/single-line.react.js';
 import { useStyles } from '../themes/colors.js';
 
 type Props = {
@@ -66,7 +67,9 @@
       <View style={styles.userInfoContainer}>
         <UserAvatar size="profile" userID={userInfo.id} />
         <View style={styles.usernameContainer}>
-          <Text style={styles.usernameText}>{userInfo.username}</Text>
+          <SingleLine style={styles.usernameText}>
+            {userInfo.username}
+          </SingleLine>
           {copyUsernameButton}
         </View>
       </View>
@@ -86,7 +89,9 @@
     flexDirection: 'row',
   },
   usernameContainer: {
+    flex: 1,
     justifyContent: 'center',
+    alignItems: 'flex-start',
     paddingLeft: 16,
   },
   usernameText: {