diff --git a/tests/e2e/face-material-authoring.e2e.ts b/tests/e2e/face-material-authoring.e2e.ts
index d4be7f6e..9149d237 100644
--- a/tests/e2e/face-material-authoring.e2e.ts
+++ b/tests/e2e/face-material-authoring.e2e.ts
@@ -21,7 +21,9 @@ test("user can assign a face material through the UI and keep it through a draft
   await page.reload();
 
   await page.getByRole("button", { name: "Box Create" }).click();
-  await page.getByTestId("viewport-shell").click();
+  const viewportCanvas = page.locator('[data-testid="viewport-shell"] canvas');
+  await expect(viewportCanvas).toBeVisible();
+  await viewportCanvas.click();
   await page.getByTestId("face-button-posZ").click();
   await page.getByTestId("material-button-starter-amber-grid").click();