diff --git a/e2e/studio/utils/realtime-helpers.ts b/e2e/studio/utils/realtime-helpers.ts
index d58dba5397f..20e381f00d4 100644
--- a/e2e/studio/utils/realtime-helpers.ts
+++ b/e2e/studio/utils/realtime-helpers.ts
@@ -3,7 +3,9 @@ import { toUrl } from './to-url.js'
 
 export async function navigateToRealtimeInspector(page: Page, ref: string) {
   await page.goto(toUrl(`/project/${ref}/realtime/inspector`))
-  await expect(page.locator('text=Join a channel')).toBeVisible({ timeout: 30000 })
+  await expect(page.getByRole('button', { name: 'Join a channel' })).toBeVisible({
+    timeout: 30000,
+  })
 }
 
 export async function joinChannel(page: Page, channelName: string) {