diff --git a/test/sql/selfServeExample.spec.ts b/test/sql/selfServeExample.spec.ts
index 9768d830a..24f89200c 100644
--- a/test/sql/selfServeExample.spec.ts
+++ b/test/sql/selfServeExample.spec.ts
@@ -9,8 +9,7 @@ test("Self Serve", async ({ page }) => {
 
   const regionDropdown = explorer.frame.getByText("Select a region");
   await regionDropdown.click();
-  await page.waitForSelector("xpath=//button[@role='option'");
-  const firstOption = explorer.frame.locator("xpath=//button[@role='option'").first();
+  const firstOption = explorer.frame.getByRole("option").first();
   await firstOption.waitFor();
   await firstOption.click();