diff --git a/public/style.css b/public/style.css
index 5f5d6d4a..8a4efe8b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -214,16 +214,27 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
   text-transform: uppercase; letter-spacing: .3px; color: var(--text-muted);
   border-bottom: 2px solid var(--border); background: var(--card-bg);
   position: sticky; top: 0; z-index: 1;
+  overflow: hidden; text-overflow: ellipsis;
 }
 .data-table th.sortable { cursor: pointer; }
 .data-table th.sortable:hover { color: var(--accent); }
 .data-table td {
   padding: 3px 6px; border-bottom: 1px solid var(--border);
-  vertical-align: middle; white-space: nowrap; max-width: 180px;
+  vertical-align: middle; white-space: nowrap;
   overflow: hidden; text-overflow: ellipsis;
 }
-/* Details column gets more room since it has the most useful content */
-.data-table td.col-details { max-width: 400px; white-space: normal; word-break: break-word; }
+/* Proportional column widths — packets table (expand chevron gets minimal space) */
+#pktTable { table-layout: fixed; }
+#pktTable th:first-child, #pktTable td:first-child { width: 24px; }
+#pktTable .col-region { width: 7%; }
+#pktTable .col-time { width: 11%; }
+#pktTable .col-hash { width: 10%; }
+#pktTable .col-size { width: 6%; }
+#pktTable .col-type { width: 9%; }
+#pktTable .col-observer { width: 12%; }
+#pktTable .col-path { width: 14%; }
+#pktTable .col-rpt { width: 5%; }
+#pktTable .col-details { width: auto; white-space: normal; word-break: break-word; }
 .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); }