diff --git a/apps/web/src/modules/dao/components/MembersList/MemberListCard.tsx b/apps/web/src/modules/dao/components/MembersList/MemberListCard.tsx
index 33ee7860..ce1053e1 100644
--- a/apps/web/src/modules/dao/components/MembersList/MemberListCard.tsx
+++ b/apps/web/src/modules/dao/components/MembersList/MemberListCard.tsx
@@ -40,14 +40,22 @@ export const MemberCard = ({
return (
-
-
+
+
{displayName}
- {isMobile ? {gridInfo} : gridInfo}
+ {isMobile ? {gridInfo} : gridInfo}
)
diff --git a/apps/web/src/modules/dao/components/MembersList/MembersListLayout.tsx b/apps/web/src/modules/dao/components/MembersList/MembersListLayout.tsx
index 84e13799..b935f064 100644
--- a/apps/web/src/modules/dao/components/MembersList/MembersListLayout.tsx
+++ b/apps/web/src/modules/dao/components/MembersList/MembersListLayout.tsx
@@ -27,7 +27,7 @@ export const MembersPanel = ({
borderStyle={'solid'}
borderWidth={'normal'}
borderColor={'border'}
- pt={{ '@initial': 'x8', '@768': 'x0' }}
+ pt={'x8'}
p={{ '@initial': 'x3', '@768': 'x6' }}
>
{!isMobile && tableRuler && }
@@ -62,7 +62,7 @@ export const MemberCardSkeleton = ({ isMobile }: { isMobile: boolean }) => {
className={cardSkeleton}
borderRadius="normal"
backgroundColor="background2"
- mb={{ '@initial': 'x14', '@768': 'x10' }}
+ mb={isMobile ? 'x14' : 'x10'}
/>
)
}