diff --git a/build/doc-vtk/index.html b/build/doc-vtk/index.html
index ba46600..3a077f8 100644
--- a/build/doc-vtk/index.html
+++ b/build/doc-vtk/index.html
@@ -6,8 +6,8 @@
   <style>
     .vtk-viewer {
       width: 100%;
-      height: 500px;
-      border: 1px solid #ddd;
+      height: 70%;
+      border: 1px solid #bbb;
     }
   </style>
   <script src="vtk.js"></script>
@@ -160,7 +160,7 @@
       parent_element.appendChild(container);
       container.addEventListener('mouseenter', enterCurrentRenderer);
       container.addEventListener('mouseleave', exitCurrentRenderer);
-      // container.id = ID;
+      container.id = ID;
 
       renderWindow.addRenderer(renderer);
       updateViewPort(container, renderer);
@@ -189,19 +189,26 @@
         "shape": pinephone_case
       }];
       render(pinephone_case_options, parent_element);
+    </script>
+  </div>
+  <div class="vtk-viewer">
+    <script>
+      var parent_element = document.currentScript.parentNode;
 
-      var pinephone_case_with_phone_options = [{
-        "color": [ 1.0, 0.8, 0.0, 1.0 ],
-        "position": [ 0.0, 0.0, 0.0 ],
-        "orientation": [ 0.0, 0.0, 0.0 ],
-        "shape": pinephone_case
-      },
-      {
-        "color": [ 0.2, 0.2, 0.2, 1.0 ],
-        "position": [ 0.0, 0.0, 0.0 ],
-        "orientation": [ 0.0, 0.0, 0.0 ],
-        "shape": pinephone_phone
-      }];
+      var pinephone_case_with_phone_options = [
+        {
+          "color": [ 1.0, 0.8, 0.0, 1.0 ],
+          "position": [ 0.0, 0.0, 0.0 ],
+          "orientation": [ 0.0, 0.0, 0.0 ],
+          "shape": pinephone_case
+        },
+        {
+          "color": [ 0.2, 0.2, 0.2, 1.0 ],
+          "position": [ 0.0, 0.0, 0.0 ],
+          "orientation": [ 0.0, 0.0, 0.0 ],
+          "shape": pinephone_phone
+        }
+      ];
       render(pinephone_case_with_phone_options, parent_element);
     </script>
   </div>