diff --git a/maplibre/demo.html b/maplibre/demo.html
index 0fcdfa2..a446071 100644
--- a/maplibre/demo.html
+++ b/maplibre/demo.html
@@ -24,21 +24,29 @@
 <div id="root">
 
 <pre><code class="language-xml">
-  &lt;-- Leaflet --&gt;
+
+&lt;head&gt;
+
+  &lt;!-- Important to keep size ok on mobile --&gt;
+  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
+
+  &lt;!-- Leaflet --&gt;
   &lt;link rel="stylesheet" href="https://file.brz9.dev/cdn/maplibre/leaflet.css"/&gt;
-
-  &lt;script src="https://file.brz9.dev/cdn/maplibre/leaflet.js"&gt; &lt;/script&gt;
-
+  &lt;script src="https://file.brz9.dev/cdn/maplibre/leaflet.js"&gt;&lt;/script&gt;
 
   &lt;!-- Maplibre GL --&gt;
-
   &lt;link href="https://file.brz9.dev/cdn/maplibre/maplibre-gl.css" rel='stylesheet'/&gt;
+  &lt;script src="https://file.brz9.dev/cdn/maplibre/maplibre-gl.js"&gt;&lt;/script&gt;
 
-  &lt;script src="https://file.brz9.dev/cdn/maplibre/maplibre-gl.js"&gt; &lt;/script&gt;
+  &lt;script src="https://file.brz9.dev/cdn/maplibre/leaflet-maplibre-gl.js"&gt;&lt;/script&gt;
 
-  &lt;script src="https://file.brz9.dev/cdn/maplibre/leaflet-maplibre-gl.js"&gt; &lt;/script&gt;
+&lt;/head&gt;
 
+&lt;body&gt;
 
+  &lt;div id="map" style="width: 100%; height: 800px;"&gt;&lt;/div&gt;
+
+&lt;/body&gt;
 </code></pre>
 
 </div>