diff --git a/frontend/src/component/project/NewProjectCard/NewProjectCard.styles.ts b/frontend/src/component/project/NewProjectCard/NewProjectCard.styles.ts
index c0ef308b9436..dec78a21f42a 100644
--- a/frontend/src/component/project/NewProjectCard/NewProjectCard.styles.ts
+++ b/frontend/src/component/project/NewProjectCard/NewProjectCard.styles.ts
@@ -38,6 +38,7 @@ export const StyledDivHeader = styled('div')(({ theme }) => ({
     ...flexRow,
     width: '100%',
     marginBottom: theme.spacing(2),
+    gap: theme.spacing(1),
 }));
 
 export const StyledCardTitle = styled('h3')(({ theme }) => ({
@@ -89,7 +90,7 @@ export const StyledIconBox = styled(Box)(({ theme }) => ({
     display: 'grid',
     placeItems: 'center',
     padding: theme.spacing(0, 0.5, 0, 1),
-    marginRight: theme.spacing(2),
+    marginRight: theme.spacing(1),
     alignSelf: 'baseline',
     color: theme.palette.primary.main,
     height: '100%',
diff --git a/frontend/src/component/project/NewProjectCard/ProjectArchiveCard.tsx b/frontend/src/component/project/NewProjectCard/ProjectArchiveCard.tsx
index 522d7cbf579a..e036619966f7 100644
--- a/frontend/src/component/project/NewProjectCard/ProjectArchiveCard.tsx
+++ b/frontend/src/component/project/NewProjectCard/ProjectArchiveCard.tsx
@@ -103,25 +103,12 @@ export const ProjectArchiveCard: FC<ProjectArchiveCardProps> = ({
                             </Tooltip>
                         }
                     />
-                    <ConditionallyRender
-                        condition={typeof archivedFeaturesCount !== 'undefined'}
-                        show={
-                            <Link
-                                component={RouterLink}
-                                to={`/archive?search=project%3A${encodeURI(id)}`}
-                            >
-                                <StyledParagraphInfo disabled data-loading>
-                                    {archivedFeaturesCount}
-                                </StyledParagraphInfo>
-                                <p data-loading>
-                                    archived{' '}
-                                    {archivedFeaturesCount === 1
-                                        ? 'flag'
-                                        : 'flags'}
-                                </p>
-                            </Link>
-                        }
-                    />
+                    <Link
+                        component={RouterLink}
+                        to={`/archive?search=project%3A${encodeURI(id)}`}
+                    >
+                        <p>View archived flags</p>
+                    </Link>
                 </StyledDivInfo>
             </StyledProjectCardBody>
             <ProjectCardFooter id={id} disabled owners={owners}>