diff --git a/apps/researcher/cypress/e2e/community.cy.ts b/apps/researcher/cypress/e2e/community.cy.ts
index 9aec91b8a..dd453d61d 100644
--- a/apps/researcher/cypress/e2e/community.cy.ts
+++ b/apps/researcher/cypress/e2e/community.cy.ts
@@ -19,7 +19,7 @@ describe('Community details page', () => {
       .first()
       .then($name => {
         // Navigate to the first community details page.
-        cy.getBySel('community-item-name').first().find('a').click();
+        cy.getBySel('community-item-name').first().parentsUntil('a').click();
         // Wait for the page to load.
         cy.location('pathname', {timeout: 60000}).should(
           'include',
diff --git a/apps/researcher/src/app/[locale]/communities/community-card.tsx b/apps/researcher/src/app/[locale]/communities/community-card.tsx
index 9241377c4..76fc820cb 100644
--- a/apps/researcher/src/app/[locale]/communities/community-card.tsx
+++ b/apps/researcher/src/app/[locale]/communities/community-card.tsx
@@ -30,7 +30,6 @@ export default function CommunityCard({community, locale}: CommunityCardProps) {
   return (
     <Link
       href={`/communities/${community.slug}`}
-      data-testid="community-item-name"
       className="rounded-lg mb-20 bg-[#f3eee2] hover:bg-[#f1e9d7] text-stone-800 transition"
     >
       <div className="-mt-20 w-full flex justify-center">
@@ -46,7 +45,12 @@ export default function CommunityCard({community, locale}: CommunityCardProps) {
       <h1 className="text-xl font-normal w-full flex justify-center mt-4 px-4">
         {t.rich('communityName', {
           name: () => (
-            <strong className="font-semibold ml-1">{community.name}</strong>
+            <strong
+              className="font-semibold ml-1"
+              data-testid="community-item-name"
+            >
+              {community.name}
+            </strong>
           ),
         })}
       </h1>