diff --git a/src/core/ui/content/BasePageContentBlock.tsx b/src/core/ui/content/BasePageContentBlock.tsx
index 639b5d1946..704533e07f 100644
--- a/src/core/ui/content/BasePageContentBlock.tsx
+++ b/src/core/ui/content/BasePageContentBlock.tsx
@@ -10,6 +10,7 @@ import { BlockAnchorProvider } from '../keyboardNavigation/NextBlockAnchor';
 import { v4 as uuid } from 'uuid';
 
 export interface BasePageContentBlockProps {
+  flex?: boolean;
   disablePadding?: boolean;
   disableGap?: boolean;
   halfWidth?: boolean;
@@ -24,11 +25,11 @@ type BasePageContentBlockWithChildrenProps<Props extends { id?: string; sx?: SxP
   padding: SystemCssProperties<Theme>['padding'];
 } & Props;
 
-const getFlexDirection = ({ row, disableGap }: { row: boolean; disableGap: boolean }) => {
+const getFlexDirection = ({ row, flex }: { row: boolean; flex: boolean }) => {
   if (row) {
     return 'row';
   }
-  if (!disableGap) {
+  if (flex) {
     return 'column';
   }
   return undefined;
@@ -40,6 +41,7 @@ const BasePageContentBlock = forwardRef(
     {
       disablePadding = false,
       disableGap = false,
+      flex = !disableGap,
       halfWidth = false,
       row = false,
       flexWrap,
@@ -60,8 +62,8 @@ const BasePageContentBlock = forwardRef(
 
     const mergedSx: Partial<SxProps<Theme>> = {
       padding: disablePadding ? undefined : padding,
-      display: disableGap ? undefined : 'flex',
-      flexDirection: getFlexDirection({ row, disableGap }),
+      display: flex ? 'flex' : undefined,
+      flexDirection: getFlexDirection({ row, flex }),
       flexWrap,
       gap: disableGap ? undefined : gutters(),
       ...getGridItemStyle(columnsTaken),
diff --git a/src/core/ui/content/PageContentBlockSeamless.tsx b/src/core/ui/content/PageContentBlockSeamless.tsx
index 1ad7918f73..51d6cb56e7 100644
--- a/src/core/ui/content/PageContentBlockSeamless.tsx
+++ b/src/core/ui/content/PageContentBlockSeamless.tsx
@@ -6,7 +6,7 @@ import { SystemCssProperties } from '@mui/system/styleFunctionSx/styleFunctionSx
 
 export interface PageContentBlockSeamlessProps
   extends BasePageContentBlockProps,
-    Omit<BoxProps, 'flexWrap'>,
+    Omit<BoxProps, 'flexWrap' | 'flex'>,
     PropsWithChildren<{}> {}
 
 const PageContentBlockSeamless = forwardRef<HTMLDivElement, PageContentBlockSeamlessProps>(
diff --git a/src/main/topLevelPages/myDashboard/newMemberships/NewMembershipsBlock.tsx b/src/main/topLevelPages/myDashboard/newMemberships/NewMembershipsBlock.tsx
index 68e19411a8..50a59c3387 100644
--- a/src/main/topLevelPages/myDashboard/newMemberships/NewMembershipsBlock.tsx
+++ b/src/main/topLevelPages/myDashboard/newMemberships/NewMembershipsBlock.tsx
@@ -179,24 +179,20 @@ const NewMembershipsBlock = ({
 
   return (
     <>
-      <PageContentBlock halfWidth={halfWidth}>
+      <PageContentBlock halfWidth={halfWidth} disableGap flex>
         <PageContentBlockHeader title={t('pages.home.sections.newMemberships.title')} />
-        <Box height="100%">
-          {pendingInvitations.length === 0 && pendingApplications.length === 0 && (
-            <CaptionSmall
-              color={theme => theme.palette.neutral.light}
-              marginTop={gutters(-1)}
-              marginBottom={gutters(0.5)}
-            >
-              {t('pages.home.sections.newMemberships.noOpenInvitations')}
-            </CaptionSmall>
-          )}
-          {pendingInvitations.length > 0 && (
-            <>
-              <Caption marginTop={gutters(-1)}>
-                {t('pages.home.sections.newMemberships.openInvitations')}
-                <BadgeCounter count={pendingInvitations.length} size="small" />
-              </Caption>
+        {pendingInvitations.length === 0 && pendingApplications.length === 0 && (
+          <CaptionSmall color={theme => theme.palette.neutral.light} marginBottom={gutters(0.5)}>
+            {t('pages.home.sections.newMemberships.noOpenInvitations')}
+          </CaptionSmall>
+        )}
+        {pendingInvitations.length > 0 && (
+          <>
+            <Caption>
+              {t('pages.home.sections.newMemberships.openInvitations')}
+              <BadgeCounter count={pendingInvitations.length} size="small" />
+            </Caption>
+            <Box marginX={-1}>
               {pendingInvitations.slice(0, PENDING_MEMBERSHIPS_MAX_ITEMS).map(pendingInvitation => (
                 <InvitationHydrator
                   key={pendingInvitation.id}
@@ -213,13 +209,13 @@ const NewMembershipsBlock = ({
                   )}
                 </InvitationHydrator>
               ))}
-            </>
-          )}
-          {pendingApplications.length > 0 && (
-            <>
-              <Caption marginTop={pendingInvitations.length === 0 ? gutters(-1) : undefined}>
-                {t('pages.home.sections.newMemberships.openApplications')}
-              </Caption>
+            </Box>
+          </>
+        )}
+        {pendingApplications.length > 0 && (
+          <>
+            <Caption>{t('pages.home.sections.newMemberships.openApplications')}</Caption>
+            <Box marginX={-1}>
               {pendingApplications.map(pendingApplication => (
                 <ApplicationHydrator
                   key={pendingApplication.id}
@@ -235,60 +231,65 @@ const NewMembershipsBlock = ({
                   )}
                 </ApplicationHydrator>
               ))}
-            </>
-          )}
-          {recentMemberships.length > 0 && (
-            <>
-              <Caption>{t('pages.home.sections.newMemberships.recentlyJoined')}</Caption>
-              {recentMemberships.map(membership => {
-                switch (membership.type) {
-                  case PendingMembershipItemType.Invitation:
-                    return (
-                      <InvitationHydrator
-                        key={membership.id}
-                        invitation={mapApiDataToContributionItem(membership)}
-                        withJourneyDetails
-                        visualType={VisualType.Avatar}
-                      >
-                        {({ invitation }) => (
-                          <NewMembershipCard
-                            membership={invitation}
-                            to={invitation?.journeyUri}
-                            membershipType="membership"
-                          />
-                        )}
-                      </InvitationHydrator>
-                    );
-                  case PendingMembershipItemType.Application:
-                    return (
-                      <ApplicationHydrator
-                        key={membership.id}
-                        application={mapApiDataToContributionItem(membership)}
-                        visualType={VisualType.Avatar}
-                      >
-                        {({ application: hydratedApplication }) => (
-                          <NewMembershipCard
-                            membership={hydratedApplication}
-                            to={hydratedApplication?.journeyUri}
-                            membershipType="membership"
-                          />
-                        )}
-                      </ApplicationHydrator>
-                    );
-                  default:
-                    return null;
-                }
-              })}
-            </>
-          )}
-        </Box>
+            </Box>
+          </>
+        )}
+        {recentMemberships.length > 0 && (
+          <>
+            <Caption>{t('pages.home.sections.newMemberships.recentlyJoined')}</Caption>
+            {recentMemberships.map(membership => {
+              switch (membership.type) {
+                case PendingMembershipItemType.Invitation:
+                  return (
+                    <InvitationHydrator
+                      key={membership.id}
+                      invitation={mapApiDataToContributionItem(membership)}
+                      withJourneyDetails
+                      visualType={VisualType.Avatar}
+                    >
+                      {({ invitation }) => (
+                        <NewMembershipCard
+                          membership={invitation}
+                          to={invitation?.journeyUri}
+                          membershipType="membership"
+                        />
+                      )}
+                    </InvitationHydrator>
+                  );
+                case PendingMembershipItemType.Application:
+                  return (
+                    <ApplicationHydrator
+                      key={membership.id}
+                      application={mapApiDataToContributionItem(membership)}
+                      visualType={VisualType.Avatar}
+                    >
+                      {({ application: hydratedApplication }) => (
+                        <NewMembershipCard
+                          membership={hydratedApplication}
+                          to={hydratedApplication?.journeyUri}
+                          membershipType="membership"
+                        />
+                      )}
+                    </ApplicationHydrator>
+                  );
+                default:
+                  return null;
+              }
+            })}
+          </>
+        )}
         {pendingMembershipsCount > 0 ? (
           <SeeMore
+            sx={{ marginTop: gutters() }}
             label="pages.home.sections.newMemberships.seeMore"
             onClick={() => setOpenDialog({ type: DialogType.PendingMembershipsList })}
           />
         ) : (
-          <SeeMore label="pages.home.sections.newMemberships.seeAll" onClick={() => onOpenMemberships?.()} />
+          <SeeMore
+            sx={{ marginTop: gutters() }}
+            label="pages.home.sections.newMemberships.seeAll"
+            onClick={() => onOpenMemberships?.()}
+          />
         )}
       </PageContentBlock>
       <DialogWithGrid columns={12} open={openDialog?.type === DialogType.PendingMembershipsList} onClose={closeDialog}>