diff --git a/src/app/groups/[groupId]/group-header.tsx b/src/app/groups/[groupId]/group-header.tsx
index 49c741c..1ecd975 100644
--- a/src/app/groups/[groupId]/group-header.tsx
+++ b/src/app/groups/[groupId]/group-header.tsx
@@ -16,7 +16,9 @@ export const GroupHeader = () => {
           {isLoading ? (
             <Skeleton className="mt-1.5 mb-1.5 h-5 w-32" />
           ) : (
-            <div className="flex">{group.name}</div>
+            <div className="flex" data-testid="group-name">
+              {group.name}
+            </div>
           )}
         </Link>
       </h1>
diff --git a/tests/pom/group-page.ts b/tests/pom/group-page.ts
index 40ad59c..2be8304 100644
--- a/tests/pom/group-page.ts
+++ b/tests/pom/group-page.ts
@@ -6,7 +6,7 @@ export class GroupPage {
 
   constructor(page: Page) {
     this.page = page
-    this.title = page.getByRole('main').getByRole('heading', { level: 1 })
+    this.title = page.getByTestId('group-name')
   }
 
   async createExpense() {