diff --git a/public/index.html b/public/index.html
index 8032f116..608548d8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,7 +22,7 @@
   <meta name="twitter:title" content="MeshCore Analyzer">
   <meta name="twitter:description" content="Real-time MeshCore LoRa mesh network analyzer — live packet visualization, node tracking, channel decryption, and route analysis.">
   <meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
-  <link rel="stylesheet" href="style.css?v=1773997947">
+  <link rel="stylesheet" href="style.css?v=1773998059">
   <link rel="stylesheet" href="home.css">
   <link rel="stylesheet" href="live.css?v=1773966856">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
@@ -88,7 +88,7 @@
   <script src="traces.js?v=1773972187" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="analytics.js?v=1773996158" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="live.js?v=1773964458" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="observers.js?v=1773993532" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="observers.js?v=1773998059" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="observer-detail.js?v=1773993532" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="node-analytics.js?v=1773996158" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="perf.js?v=1773985649" onerror="console.error('Failed to load:', this.src)"></script>
diff --git a/public/observers.js b/public/observers.js
index 2059d81a..c942dfc7 100644
--- a/public/observers.js
+++ b/public/observers.js
@@ -113,7 +113,7 @@
             <td>${o.iata ? `<span class="badge-region">${o.iata}</span>` : '—'}</td>
             <td>${timeAgo(o.last_seen)}</td>
             <td>${(o.packet_count || 0).toLocaleString()}</td>
-            <td>${sparkBar(o.packetsLastHour || 0, maxPktsHr)}</td>
+            <td class="col-spark">${sparkBar(o.packetsLastHour || 0, maxPktsHr)}</td>
             <td>${uptimeStr(o.first_seen)}</td>
           </tr>`;
         }).join('')}</tbody>
diff --git a/public/style.css b/public/style.css
index 3acd3f6b..4e349fd8 100644
--- a/public/style.css
+++ b/public/style.css
@@ -226,7 +226,7 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
   max-width: 0; /* forces td to respect table width instead of expanding to content */
 }
 .data-table td.col-details { white-space: normal; word-break: break-word; }
-.data-table td:has(.spark-bar) { max-width: none; overflow: visible; }
+.data-table td:has(.spark-bar), .data-table td.col-spark { max-width: none; overflow: visible; min-width: 80px; }
 .data-table tbody tr:nth-child(even) { background: var(--row-stripe); }
 .data-table tbody tr:hover { background: var(--row-hover); cursor: pointer; }
 .data-table tbody tr.selected { background: var(--selected-bg); }