fix: ensure consistent text baseline alignment in groups card on home…

… screen
techmatters · Nov 21, 2023 · 4117f54 · 4117f54
1 parent 5a80eb7
commit 4117f54
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/group/components/GroupsHomeCard.js b/src/group/components/GroupsHomeCard.js
@@ -66,14 +66,12 @@ const GroupItem = ({ group, index }) => {
         borderTop: index && `1px solid ${theme.palette.gray.lite1}`, // skip first item
       }}
     >
-      <Stack direction="row">
+      <Typography component="span">
         <Link component={RouterLink} to={`/groups/${group.slug}`}>
           {group.name}
-        </Link>
-        <Typography sx={{ ml: 1 }}>
-          ({t(`group.role_${role.toLowerCase()}`)})
-        </Typography>
-      </Stack>
+        </Link>{' '}
+        ({t(`group.role_${role.toLowerCase()}`)})
+      </Typography>
       {!isApproved && (
         <Typography color="text.secondary">
           {t('group.home_pending_message')}