diff --git a/tests/e2e/viewport-quad-layout.e2e.ts b/tests/e2e/viewport-quad-layout.e2e.ts
index 597b5662..4d838c95 100644
--- a/tests/e2e/viewport-quad-layout.e2e.ts
+++ b/tests/e2e/viewport-quad-layout.e2e.ts
@@ -45,13 +45,13 @@ test("quad viewport layout shows four linked panels with shared selection and ac
   await expect(page.getByTestId("viewport-panel-bottomRight-display-authoring")).toHaveAttribute("aria-pressed", "true");
 
   await getViewportPanel(page, "topRight").click({ position: { x: 16, y: 16 }, force: true });
-  await page.getByTestId("viewport-panel-topRight-view-side").click({ force: true });
+  await page.getByTestId("viewport-panel-topRight-view-side").dispatchEvent("click");
   await expect(page.getByTestId("viewport-active-panel")).toContainText("Top Right");
   await expect(page.getByTestId("viewport-panel-topRight-view-side")).toHaveAttribute("aria-pressed", "true");
   await expect(page.getByRole("button", { name: /Box Brush 1/ })).toBeVisible();
 
   await getViewportPanel(page, "topLeft").click({ position: { x: 16, y: 16 }, force: true });
-  await page.getByTestId("viewport-panel-topLeft-display-authoring").click({ force: true });
+  await page.getByTestId("viewport-panel-topLeft-display-authoring").dispatchEvent("click");
   await expect(page.getByTestId("viewport-active-panel")).toContainText("Top Left");
   await expect(page.getByTestId("viewport-panel-topLeft-display-authoring")).toHaveAttribute("aria-pressed", "true");
   await expect(page.getByTestId("viewport-canvas-topLeft")).toHaveCSS("background-color", "rgb(0, 0, 0)");