diff --git a/app/dashboard/layout.tsx b/app/dashboard/layout.tsx
index d179387..69055f9 100644
--- a/app/dashboard/layout.tsx
+++ b/app/dashboard/layout.tsx
@@ -8,7 +8,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       <div className="w-full flex-none md:w-64">
         <SideNav />
       </div>
-      <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
+      <div data-testid="main-container" className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
     </div>
   );
 }
\ No newline at end of file
diff --git a/tests/guests.spec.ts b/tests/guests.spec.ts
index 05e7215..02a8bc7 100644
--- a/tests/guests.spec.ts
+++ b/tests/guests.spec.ts
@@ -1,7 +1,8 @@
 import { test, expect } from '@playwright/test'
- 
+
 test('should navigate to the guests page', async ({ page }) => {
   await page.goto('/dashboard/guests')
 
-  await expect(page.getByRole('heading', { name: 'Guests' })).toContainText('Guests')
+  await expect(page.getByRole('tab', { name: 'Groups' })).toContainText('Groups')
+  await expect(page.getByRole('tab', { name: 'Guests' })).toContainText('Guests')
 })
\ No newline at end of file