diff --git a/web/static/css/style.css b/web/static/css/style.css
index 33c25da0..537a1bc3 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -22185,6 +22185,28 @@ button.chat-files-dropdown-item:hover:not(:disabled) {
 .projects-panel-toolbar--hint .projects-fact-toolbar-hint {
     margin: 0;
 }
+#project-panel-facts .data-table--projects th:nth-child(1) { width: 20%; }
+#project-panel-facts .data-table--projects th:nth-child(2) { width: 9%; }
+#project-panel-facts .data-table--projects th:nth-child(3) { width: 30%; }
+#project-panel-facts .data-table--projects th:nth-child(4) { width: 9%; }
+#project-panel-facts .data-table--projects th:nth-child(5) { width: 10%; }
+#project-panel-facts .data-table--projects th:nth-child(6) { width: 10%; }
+#project-panel-facts .data-table--projects .cell-fact-key {
+    overflow: hidden;
+    max-width: 0;
+}
+#project-panel-facts .data-table--projects .cell-fact-category {
+    white-space: nowrap;
+}
+#project-panel-facts .projects-fact-key-chip {
+    display: inline-block;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    vertical-align: top;
+    box-sizing: border-box;
+}
 #project-panel-conversations .data-table--projects th:nth-child(1),
 #project-panel-conversations .data-table--projects td:nth-child(1) {
     width: 48%;
diff --git a/web/static/js/projects.js b/web/static/js/projects.js
index f19117d8..c3a36fb0 100644
--- a/web/static/js/projects.js
+++ b/web/static/js/projects.js
@@ -575,8 +575,8 @@ async function loadProjectFacts() {
             ? `<span class="projects-fact-vuln-link" title="${escapeHtml(tp('projects.relatedVulnIdTitle'))}">${escapeHtml(f.related_vulnerability_id.slice(0, 8))}…</span>`
             : '';
         return `<tr>
-            <td><code>${keyEsc}</code>${vulnLink}</td>
-            <td>${formatCategoryBadge(f.category)}</td>
+            <td class="cell-fact-key"><code class="projects-fact-key-chip" title="${keyEsc}">${keyEsc}</code>${vulnLink}</td>
+            <td class="cell-fact-category">${formatCategoryBadge(f.category)}</td>
             <td class="cell-summary" title="${escapeHtml(f.summary)}">${escapeHtml(f.summary)}</td>
             <td>${formatFactBodyBadge(f)}</td>
             <td>${formatConfidenceBadge(f.confidence)}</td>