diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
new file mode 100644
index 00000000..144f452a
--- /dev/null
+++ b/docs/_templates/layout.html
@@ -0,0 +1,7 @@
+{% extends "!layout.html" %}
+
+{%- block extraScript %}
+<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js">
+</script>
+
+{% endblock extraScript %}
\ No newline at end of file
diff --git a/docs/index.rst b/docs/index.rst
index c9112ef0..ae164417 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -83,8 +83,7 @@ As an example, consider the design of a tea cup:
 
 .. raw:: html
 
-    <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
-    <model-viewer src="_static/tea_cup.glb" alt="A tea cup modelled in build123d" auto-rotate camera-controls style="width: 100%; aspect-ratio: 1 / 1;"></model-viewer>
+    <model-viewer src="_static/tea_cup.glb" alt="A tea cup modelled in build123d" auto-rotate camera-controls style="width: 100%; height: 100%"></model-viewer>
 
 .. image:: tea_cup.png
   :align: center