diff --git a/public/index.html b/public/index.html
index 5581eb29..0f65c6c1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -84,7 +84,7 @@
   <script src="hop-resolver.js?v=1774126708"></script>
   <script src="app.js?v=1774126708"></script>
   <script src="home.js?v=1774042199"></script>
-  <script src="packets.js?v=1774139673"></script>
+  <script src="packets.js?v=1774139686"></script>
   <script src="map.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="channels.js?v=1774331200" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="nodes.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
diff --git a/public/packets.js b/public/packets.js
index c5f9c862..88527fae 100644
--- a/public/packets.js
+++ b/public/packets.js
@@ -674,6 +674,13 @@
     document.addEventListener('click', () => colMenu.classList.remove('open'));
     applyColVisibility();
 
+    document.getElementById('hexHashToggle').addEventListener('click', function () {
+      showHexHashes = !showHexHashes;
+      localStorage.setItem('meshcore-hex-hashes', showHexHashes);
+      this.classList.toggle('active', showHexHashes);
+      renderTable();
+    });
+
     // Node name filter with autocomplete
     const fNode = document.getElementById('fNode');
     const fNodeDrop = document.getElementById('fNodeDropdown');