diff --git a/model-viewer/index.html b/model-viewer/index.html
index 05d7fc065c52ccf3bae9d7f8764eef5c9bd6063f..2904a0a66801a589a08a627a9250446ae98cdca5 100644
--- a/model-viewer/index.html
+++ b/model-viewer/index.html
@@ -6,20 +6,19 @@
       src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js"
     ></script>
     <style>
-      div {
-        height: 100svh;
-        width: 100svw;
-      }
       model-viewer {
         height: inherit;
         width: inherit;
       }
+      .host {
+        height: 100svh;
+        width: 100svw;
+      }
       .button {
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 9px 12px;
-        gap: 8px;
         height: 40px;
         width: 172px;
         border: none;
@@ -27,7 +26,6 @@
         border-radius: 20px;
         cursor: pointer;
       }
-
       .label {
         line-height: 22px;
         font-size: 17px;
@@ -38,11 +36,10 @@
     </style>
   </head>
   <body>
-    <div>
+    <div class="host">
       <model-viewer
         src="deer/scene.gltf"
         ar
-        ar-modes="scene-viewer quick-look"
         shadow-intensity="1"
         camera-controls
         touch-action="none"
@@ -53,14 +50,4 @@
       </model-viewer>
     </div>
   </body>
-  <footer>
-    <script type="module">
-      window.addEventListener("load", () => {
-        const modelViewer = document.querySelector('model-viewer');
-        if (modelViewer.canActivateAR) {
-          modelViewer.activateAR();
-        }
-      });
-    </script>
-  </footer>
 </html>