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'} /> ) }