From d554a83592743a973b216ed9ea44b06dc8a76b9e Mon Sep 17 00:00:00 2001
From: Shalabh Agarwal <shalabhagarwal1024@gmail.com>
Date: Fri, 4 Sep 2026 19:16:32 +0530
Subject: [PATCH 1/3] fix(client): make the Rules dashboard table fill the
 available width

---
 .../webpages/dashboard/rules/dashboard/RulesDashboard.tsx   | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/client/src/webpages/dashboard/rules/dashboard/RulesDashboard.tsx b/client/src/webpages/dashboard/rules/dashboard/RulesDashboard.tsx
index 6c6070320..6ae98d03b 100644
--- a/client/src/webpages/dashboard/rules/dashboard/RulesDashboard.tsx
+++ b/client/src/webpages/dashboard/rules/dashboard/RulesDashboard.tsx
@@ -525,6 +525,12 @@ export default function RulesDashboard() {
       columns={columns}
       data={tableData}
       rowLinkTo={rowLinkTo}
+      // Table.tsx defaults its container to `w-fit` when this isn't set, so
+      // the table only ever took its columns' intrinsic width, leaving a
+      // growing gutter on wide screens. Match the other dashboards (MRT
+      // queues, recent decisions, NCMEC reports, ...) that already opt into
+      // `w-full`.
+      containerClassName="w-full"
       topLeftComponent={
         rulesByStatus.archived?.length ? (
           <TabBar<RuleTableMode>

From 9040df9c6b6bb10a0a1d2a5d5a71731c46704b2b Mon Sep 17 00:00:00 2001
From: Shalabh Agarwal <shalabhagarwal1024@gmail.com>
Date: Fri, 11 Sep 2026 13:46:53 +0530
Subject: [PATCH 2/3] fix(client): fill available width on the remaining
 dashboard-list tables

Same root cause as the Rules dashboard fix: Table.tsx defaults its
container to w-fit when containerClassName isn't set, so these
top-level list tables only ever took their columns' intrinsic width.
Adds containerClassName="w-full" to Item Types, Actions, Reporting
Rules, Text/Location/Hash Banks, and Manage Users (settings).

Co-Authored-By: Claude <noreply@anthropic.com>
---
 client/src/webpages/dashboard/actions/ActionsDashboard.tsx | 2 +-
 .../webpages/dashboard/banks/hash/HashBanksDashboard.tsx   | 6 +++++-
 .../dashboard/banks/location/LocationBanksDashboard.tsx    | 2 +-
 .../webpages/dashboard/banks/text/TextBanksDashboard.tsx   | 2 +-
 .../webpages/dashboard/item_types/ItemTypesDashboard.tsx   | 2 +-
 .../dashboard/rules/dashboard/ReportingRulesDashboard.tsx  | 7 ++++++-
 client/src/webpages/settings/ManageUsers.tsx               | 6 +++++-
 7 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/client/src/webpages/dashboard/actions/ActionsDashboard.tsx b/client/src/webpages/dashboard/actions/ActionsDashboard.tsx
index 7706a6720..761034138 100644
--- a/client/src/webpages/dashboard/actions/ActionsDashboard.tsx
+++ b/client/src/webpages/dashboard/actions/ActionsDashboard.tsx
@@ -301,7 +301,7 @@ export default function ActionsDashboard() {
   const table = (
     <div className="rounded-2xl">
       {/* @ts-ignore */}
-      <Table columns={columns} data={tableData} />
+      <Table columns={columns} data={tableData} containerClassName="w-full" />
     </div>
   );
 
diff --git a/client/src/webpages/dashboard/banks/hash/HashBanksDashboard.tsx b/client/src/webpages/dashboard/banks/hash/HashBanksDashboard.tsx
index d8be92a06..21a0b330b 100644
--- a/client/src/webpages/dashboard/banks/hash/HashBanksDashboard.tsx
+++ b/client/src/webpages/dashboard/banks/hash/HashBanksDashboard.tsx
@@ -203,7 +203,11 @@ export default function HashBanksDashboard() {
   const table = (
     <div className="rounded-2xl">
       {/* @ts-ignore */}
-      <CustomTable columns={columns} data={tableData} />
+      <CustomTable
+        columns={columns}
+        data={tableData}
+        containerClassName="w-full"
+      />
     </div>
   );
 
diff --git a/client/src/webpages/dashboard/banks/location/LocationBanksDashboard.tsx b/client/src/webpages/dashboard/banks/location/LocationBanksDashboard.tsx
index 705b501a5..e36c175ad 100644
--- a/client/src/webpages/dashboard/banks/location/LocationBanksDashboard.tsx
+++ b/client/src/webpages/dashboard/banks/location/LocationBanksDashboard.tsx
@@ -211,7 +211,7 @@ export default function LocationBanksDashboard() {
   const table = (
     <div className="rounded-[15px]">
       {/* @ts-ignore */}
-      <Table columns={columns} data={tableData} />
+      <Table columns={columns} data={tableData} containerClassName="w-full" />
     </div>
   );
 
diff --git a/client/src/webpages/dashboard/banks/text/TextBanksDashboard.tsx b/client/src/webpages/dashboard/banks/text/TextBanksDashboard.tsx
index cabcfd28e..3b21f5326 100644
--- a/client/src/webpages/dashboard/banks/text/TextBanksDashboard.tsx
+++ b/client/src/webpages/dashboard/banks/text/TextBanksDashboard.tsx
@@ -231,7 +231,7 @@ export default function TextBanksDashboard() {
   const table = (
     <div className="rounded-2xl">
       {/* @ts-ignore */}
-      <Table columns={columns} data={tableData} />
+      <Table columns={columns} data={tableData} containerClassName="w-full" />
     </div>
   );
 
diff --git a/client/src/webpages/dashboard/item_types/ItemTypesDashboard.tsx b/client/src/webpages/dashboard/item_types/ItemTypesDashboard.tsx
index f8cf88cf8..38af8dc27 100644
--- a/client/src/webpages/dashboard/item_types/ItemTypesDashboard.tsx
+++ b/client/src/webpages/dashboard/item_types/ItemTypesDashboard.tsx
@@ -496,7 +496,7 @@ export default function ItemTypesDashboard() {
         emptyDashboard
       ) : (
         /* @ts-ignore */
-        <Table columns={columns} data={tableData} />
+        <Table columns={columns} data={tableData} containerClassName="w-full" />
       )}
       {deleteModal}
       {errorModal}
diff --git a/client/src/webpages/dashboard/rules/dashboard/ReportingRulesDashboard.tsx b/client/src/webpages/dashboard/rules/dashboard/ReportingRulesDashboard.tsx
index 9f2931d4e..e20932f70 100644
--- a/client/src/webpages/dashboard/rules/dashboard/ReportingRulesDashboard.tsx
+++ b/client/src/webpages/dashboard/rules/dashboard/ReportingRulesDashboard.tsx
@@ -381,7 +381,12 @@ export default function ReportingRulesDashboard() {
     <CoopButton title="Create Report Rule" destination="form" />
   );
   const table = (
-    <Table columns={columns} data={tableData} rowLinkTo={rowLinkTo} />
+    <Table
+      columns={columns}
+      data={tableData}
+      rowLinkTo={rowLinkTo}
+      containerClassName="w-full"
+    />
   );
 
   const emptyDashboard = (
diff --git a/client/src/webpages/settings/ManageUsers.tsx b/client/src/webpages/settings/ManageUsers.tsx
index 4720601de..f1bdb43b4 100644
--- a/client/src/webpages/settings/ManageUsers.tsx
+++ b/client/src/webpages/settings/ManageUsers.tsx
@@ -710,7 +710,11 @@ export default function ManageUsers() {
       {effectiveTab === 'users' && (
         <>
           {/* @ts-ignore */}
-          <Table columns={columns} data={tableData} />
+          <Table
+            columns={columns}
+            data={tableData}
+            containerClassName="w-full"
+          />
           <div className="divider my-9" />
           <ManageUsersInviteUserSection />
         </>

From 7da605e38ac2bdbae01dd8310fee02612020b99a Mon Sep 17 00:00:00 2001
From: Shalabh Agarwal <shalabhagarwal1024@gmail.com>
Date: Fri, 11 Sep 2026 14:10:20 +0530
Subject: [PATCH 3/3] fix(client): keep the ts-ignore aligned with the erroring
 line
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reformatting the JSX onto multiple lines moved the type error off the
line the existing @ts-ignore comment covers (TS only suppresses the
line immediately below the comment) — CI caught it on
HashBanksDashboard.tsx. Move it to sit directly above the offending
data={tableData} line instead of the opening tag.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 client/src/webpages/dashboard/banks/hash/HashBanksDashboard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/webpages/dashboard/banks/hash/HashBanksDashboard.tsx b/client/src/webpages/dashboard/banks/hash/HashBanksDashboard.tsx
index 21a0b330b..a2edc0a7f 100644
--- a/client/src/webpages/dashboard/banks/hash/HashBanksDashboard.tsx
+++ b/client/src/webpages/dashboard/banks/hash/HashBanksDashboard.tsx
@@ -202,9 +202,9 @@ export default function HashBanksDashboard() {
 
   const table = (
     <div className="rounded-2xl">
-      {/* @ts-ignore */}
       <CustomTable
         columns={columns}
+        // @ts-ignore -- tableData is possibly undefined before `banks` loads
         data={tableData}
         containerClassName="w-full"
       />