From 4117f54ced0919567b15359e282e6db48b147365 Mon Sep 17 00:00:00 2001
From: Paul Schreiber <paul@techmatters.org>
Date: Tue, 21 Nov 2023 12:21:01 -0500
Subject: [PATCH] fix: ensure consistent text baseline alignment in groups card
 on home screen

---
 src/group/components/GroupsHomeCard.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/group/components/GroupsHomeCard.js b/src/group/components/GroupsHomeCard.js
index fa8abd76c..eee7636f4 100644
--- 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')}