From 7c7ca87f770487f416f3b456e742bdc2176b931a Mon Sep 17 00:00:00 2001
From: shahmargi12 <124675506+shahmargi12@users.noreply.github.com>
Date: Wed, 9 Oct 2024 19:45:04 +0530
Subject: [PATCH] fix(my company): fix text overlap issue at company roles
 (#1180)

https://github.com/eclipse-tractusx/portal-frontend/issues/1172
---
 .../pages/Organization/MyCompanyInfoComponent.tsx          | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/pages/Organization/MyCompanyInfoComponent.tsx b/src/components/pages/Organization/MyCompanyInfoComponent.tsx
index 719ec6427..7fcb84d85 100644
--- 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>
       ),
     },
   ]