diff --git a/public/app.js b/public/app.js
index eb47d960..183d6809 100644
--- a/public/app.js
+++ b/public/app.js
@@ -315,9 +315,13 @@ function navigate() {
 }
 
 window.addEventListener('hashchange', navigate);
+let _themeRefreshTimer = null;
 window.addEventListener('theme-changed', () => {
-  // Notify current page to re-render without full teardown
-  window.dispatchEvent(new CustomEvent('theme-refresh'));
+  if (_themeRefreshTimer) clearTimeout(_themeRefreshTimer);
+  _themeRefreshTimer = setTimeout(() => {
+    _themeRefreshTimer = null;
+    window.dispatchEvent(new CustomEvent('theme-refresh'));
+  }, 300);
 });
 window.addEventListener('DOMContentLoaded', () => {
   connectWS();
diff --git a/public/index.html b/public/index.html
index ebb19887..dbd09fc3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -85,7 +85,7 @@
   <script src="region-filter.js?v=1774325000"></script>
   <script src="hop-resolver.js?v=1774223973"></script>
   <script src="hop-display.js?v=1774221932"></script>
-  <script src="app.js?v=1774231586"></script>
+  <script src="app.js?v=1774234100"></script>
   <script src="home.js?v=1774233807"></script>
   <script src="packets.js?v=1774231586"></script>
   <script src="map.js?v=1774231586" onerror="console.error('Failed to load:', this.src)"></script>