diff --git a/public/index.html b/public/index.html
index 672f8c2aa6565a4795e2f747dff0a6c57744e504..21aae78b44a0491c428b4594904e3971c24a5386 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,10 +24,10 @@ async function activateXR() {
   const scene = new THREE.Scene();
 
 // Color of the torus geometry.
-const material = new THREE.MeshBasicMaterial({color: 0xff0000});
+const material = new THREE.PointsMaterial({ color: 0x7a0177, size: 0.1 });
 
 // Create the torus and add it to the demo scene.
-const torus = new THREE.Mesh( new THREE.TorusKnotGeometry(0.3, 0.2, 64, 8, 2, 3), material);
+const torus = new THREE.Mesh( new THREE.TorusKnotGeometry(0.3, 0.2, 32, 6, 2, 3), material);
 //position the next geometry (sphere)
 torus.position.set(0, 0, -1);
 // Add the mesh to the scene