From 28ff933339f513c284029f18c2c1cedace4a95f5 Mon Sep 17 00:00:00 2001
From: "margi.shah1" <margi.shah@smartsensesolutions.com>
Date: Mon, 30 Sep 2024 15:44:02 +0530
Subject: [PATCH] fix: text overlap issue on My Company page

---
 .../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>
       ),
     },
   ]