fix: Set maxWidth for chip in UserItem (#2329)

techmatters · Oct 14, 2024 · d24f537 · d24f537
1 parent 76d98c3
commit d24f537
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/dev-client/src/screens/ProjectTeamScreen/components/UserItem.tsx b/dev-client/src/screens/ProjectTeamScreen/components/UserItem.tsx
@@ -17,6 +17,7 @@
 
 import {useMemo} from 'react';
 import {useTranslation} from 'react-i18next';
+import {StyleSheet, View} from 'react-native';
 
 import {Button} from 'native-base';
 
@@ -88,7 +89,11 @@ export const UserItem = ({
     <MenuItem
       icon={<ProfilePic user={user} />}
       label={userLabel}
-      chip={<RoleChip membership={membership} />}
+      chip={
+        <View style={styles.chipSection}>
+          <RoleChip membership={membership} />
+        </View>
+      }
       onPress={isForCurrentUser ? undefined : memberAction}>
       {userCanLeaveProject && (
         <ConfirmModal
@@ -107,3 +112,9 @@ export const UserItem = ({
     </MenuItem>
   );
 };
+
+const styles = StyleSheet.create({
+  chipSection: {
+    maxWidth: 150,
+  },
+});