From 10e053f9c3e963007d22ba7f05a7ef6b1dd4b16a Mon Sep 17 00:00:00 2001
From: James Mealy <james@safe.global>
Date: Wed, 26 Feb 2025 14:38:22 +0100
Subject: [PATCH] Fix(Orgs): console error for setting gridArea on a DOM
 element (#5137)

---
 .../organizations/components/AddMembersModal/index.tsx        | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/features/organizations/components/AddMembersModal/index.tsx b/apps/web/src/features/organizations/components/AddMembersModal/index.tsx
index 4a9d506373..af6421e951 100644
--- 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>