fix(my company): fix text overlap issue at company roles (#1180)

#1172
eclipse-tractusx · Oct 10, 2024 · f1cb77b · f1cb77b
1 parent fd0c994
commit f1cb77b
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/src/components/pages/Organization/MyCompanyInfoComponent.tsx b/src/components/pages/Organization/MyCompanyInfoComponent.tsx
@@ -47,18 +47,15 @@ export default function MyCompanyInfoComponent({
     {
       key: '',
       value: (
-        <>
+        <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
           {companyDetails?.companyRole.map((item: string) => (
             <StatusTag
               key={item}
               color="label"
               label={t(`content.companyRolesUpdate.${item}`)}
-              sx={{
-                marginRight: '8px',
-              }}
             />
           ))}
-        </>
+        </Box>
       ),
     },
   ]