Fix(Orgs): console error for setting gridArea on a DOM element (#5137)

safe-global · Feb 26, 2025 · 10e053f · 10e053f
1 parent 8d3aa11
commit 10e053f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/apps/web/src/features/organizations/components/AddMembersModal/index.tsx b/apps/web/src/features/organizations/components/AddMembersModal/index.tsx
@@ -47,7 +47,9 @@ const RoleMenuItem = ({
 
   return (
     <Box width="100%" alignItems="center" className={css.roleMenuItem}>
-      <SvgIcon mr={1} gridArea="icon" component={isAdmin ? adminIcon : memberIcon} inheritViewBox fontSize="small" />
+      <Box sx={{ gridArea: 'icon', display: 'flex', alignItems: 'center' }}>
+        <SvgIcon mr={1} component={isAdmin ? adminIcon : memberIcon} inheritViewBox fontSize="small" />
+      </Box>
       <Typography gridArea="title" fontWeight={hasDescription ? 'bold' : undefined}>
         {isAdmin ? 'Admin' : 'Member'}
       </Typography>