diff --git a/examples/threejs-server/src/threejs-app.tsx b/examples/threejs-server/src/threejs-app.tsx
index 571364e..7877bd3 100644
--- a/examples/threejs-server/src/threejs-app.tsx
+++ b/examples/threejs-server/src/threejs-app.tsx
@@ -188,6 +188,7 @@ export default function ThreeJSApp({
       style={containerStyle}
     >
       <canvas
+        id="threejs-canvas"
         ref={canvasRef}
         style={{
           width: "100%",
diff --git a/tests/e2e/servers.spec.ts b/tests/e2e/servers.spec.ts
index 56d845a..e554bc3 100644
--- a/tests/e2e/servers.spec.ts
+++ b/tests/e2e/servers.spec.ts
@@ -21,7 +21,7 @@ const DYNAMIC_MASKS: Record<string, string[]> = {
     "#memory-bar-fill", // Memory bar fill level
     "#info-uptime", // System uptime
   ],
-  threejs: ["canvas"], // 3D render canvas (dynamic animation)
+  threejs: ["#threejs-canvas", ".threejs-container"], // 3D render canvas (dynamic animation)
   "wiki-explorer": ["#graph"], // Force-directed graph (dynamic layout)
 };