diff --git a/src/users/UserItem.js b/src/users/UserItem.js
index 50706ae28d9..0a38cca84a6 100644
--- a/src/users/UserItem.js
+++ b/src/users/UserItem.js
@@ -24,6 +24,9 @@ const componentStyles = createStyleSheet({
   text: {
     marginLeft: 16,
   },
+  textWrapper: {
+    flexShrink: 1,
+  },
   selectedText: {
     color: 'white',
   },
@@ -31,6 +34,10 @@ const componentStyles = createStyleSheet({
     fontSize: 10,
     color: 'hsl(0, 0%, 60%)',
   },
+  spacer: {
+    flex: 1,
+    minWidth: 4,
+  },
 });
 
 type Props<UserT> = $ReadOnly<{|
@@ -74,7 +81,7 @@ export function UserItemRaw<
           isMuted={isMuted}
           onPress={onPress && handlePress}
         />
-        <View>
+        <View style={componentStyles.textWrapper}>
           <ZulipText
             style={[componentStyles.text, isSelected && componentStyles.selectedText]}
             text={isMuted ? _('Muted user') : user.full_name}
@@ -103,6 +110,7 @@ export function UserItemRaw<
             />
           </View>
         )}
+        <View style={componentStyles.spacer} />
         <UnreadCount count={unreadCount} inverse={isSelected} />
       </View>
     </Touchable>