diff --git a/src/html/extra_page.html.template b/src/html/extra_page.html.template
index b318060c5a..b860a92396 100644
--- a/src/html/extra_page.html.template
+++ b/src/html/extra_page.html.template
@@ -35,6 +35,6 @@
     }
     </script>
     <script src="<%= entrypoint %>"></script>
-    <script src='/static/hass-icons.js' async></script>
+    <script src='<%= hassIconsJS %>' async></script>
   </body>
 </html>
diff --git a/webpack.config.js b/webpack.config.js
index 475b3e0a02..b87f785320 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -25,6 +25,7 @@ const generateJSPage = (entrypoint, latestBuild) => {
       tag: `ha-${entrypoint}`,
       compatibility: assets.chunks.compatibility.entry,
       entrypoint: assets.chunks[entrypoint].entry,
+      hassIconsJS: assets.chunks['hass-icons'].entry,
     }),
     filename: `${entrypoint}.html`,
   });