diff --git a/public/index.html b/public/index.html
index 95ab6173d2a7f3f3c9d96794ce3d14406e85ae2c..cb72d7ccb55346d3aa26869b8442eeb26d75a0b9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,21 +1,23 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport"
-        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <title>Cube Demo</title>
 
   <!-- three.js -->
   <script src="https://unpkg.com/three@0.126.0/build/three.js"></script>
 </head>
+
 <body>
 
-<!-- Starting an immersive WebXR session requires user interaction.
+  <!-- Starting an immersive WebXR session requires user interaction.
     We start this one with a simple button. -->
-<button onclick="activateXR()">Start Cube Demo</button>
-<script>
-async function activateXR() {
+  <button onclick="activateXR()">Start Cube Demo</button>
+  <script>
+    async function activateXR() {
   // Add a canvas element and initialize a WebGL context that is compatible with WebXR.
   const canvas = document.createElement("canvas");
   document.body.appendChild(canvas);
@@ -93,6 +95,7 @@ session.requestAnimationFrame(onXRFrame);
 
 
 }
-</script>
+  </script>
 </body>
+
 </html>