diff --git a/demo/hosted/index.html b/demo/hosted/index.html
index db84b0c..885014a 100644
--- a/demo/hosted/index.html
+++ b/demo/hosted/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/maplibre-gl@6.11.2/dist/maplibre-gl.css" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@maptoolkit/maplibre-style-control@1.1.1/dist/maplibre-style-control.css" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@maptoolkit/maplibre-logo-control@1.0.0/dist/maplibre-logo-control.css" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@maptoolkit/maplibre-legend-control@1.0.1/dist/maplibre-legend-control.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@maptoolkit/maplibre-legend-control@1.0.2/dist/maplibre-legend-control.css" />
     <style>
       html,
       body {
@@ -26,7 +26,7 @@
           "maplibre-gl": "https://cdn.jsdelivr.net/npm/maplibre-gl@6.11.2/dist/maplibre-gl.mjs",
           "@maptoolkit/maplibre-style-control": "https://cdn.jsdelivr.net/npm/@maptoolkit/maplibre-style-control@1.1.1/dist/maplibre-style-control.js",
           "@maptoolkit/maplibre-logo-control": "https://cdn.jsdelivr.net/npm/@maptoolkit/maplibre-logo-control@1.0.0/dist/maplibre-logo-control.js",
-          "@maptoolkit/maplibre-legend-control": "https://cdn.jsdelivr.net/npm/@maptoolkit/maplibre-legend-control@1.0.1/dist/maplibre-legend-control.js"
+          "@maptoolkit/maplibre-legend-control": "https://cdn.jsdelivr.net/npm/@maptoolkit/maplibre-legend-control@1.0.2/dist/maplibre-legend-control.js"
         }
       }
     </script>