diff --git a/public/dashboard.js b/public/dashboard.js
index c6a1df3..90252ec 100644
--- a/public/dashboard.js
+++ b/public/dashboard.js
@@ -1,5 +1,4 @@
-import * as Tone from 'tone';
-
+// Tone.js loaded via CDN as global object
 const bootstrapData = JSON.parse(document.getElementById('__DASHBOARD_DATA__')?.textContent || '{}');
 const state = {
   socket: null,
diff --git a/src/web/dashboardPage.tsx b/src/web/dashboardPage.tsx
index 413996a..cb0c6f4 100644
--- a/src/web/dashboardPage.tsx
+++ b/src/web/dashboardPage.tsx
@@ -212,7 +212,7 @@ export function renderDashboardPage(props: DashboardProps): string {
 <body>
   <div id="root">${app}</div>
   <script id="__DASHBOARD_DATA__" type="application/json">${bootstrap}</script>
-  <script type="module" src="/dashboard.js"></script>
+  <script src="/dashboard.js" defer></script>
 </body>
 </html>`;
 }
