From 83e1a7948e756ab3917ba1380a4a55c94f0b3518 Mon Sep 17 00:00:00 2001
From: Adam Moussa <166072409+amoussa1229@users.noreply.github.com>
Date: Fri, 22 May 2026 18:09:42 -0400
Subject: [PATCH] Fix nested tbody in proposal tables: use Fragment instead of
 Box component="tbody"

---
 web/src/pages/admin/dashboard/AdminDashboard.tsx  | 6 +++---
 web/src/pages/proposals/list/ProposalListPage.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/admin/dashboard/AdminDashboard.tsx b/web/src/pages/admin/dashboard/AdminDashboard.tsx
index a5f1cf9..f021fd0 100644
--- a/web/src/pages/admin/dashboard/AdminDashboard.tsx
+++ b/web/src/pages/admin/dashboard/AdminDashboard.tsx
@@ -1,4 +1,4 @@
-import { useMemo, useState } from 'react';
+import { useMemo, useState, Fragment } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
 import {
@@ -336,7 +336,7 @@ export default function AdminDashboard({ defaultStatus }: { defaultStatus?: stri
                   : grouped.map((group) => {
                       const isExpanded = expanded.has(group.baseNumber);
                       return (
-                        <Box component="tbody" key={group.baseNumber}>
+                        <Fragment key={group.baseNumber}>
                           {renderRow(group.latest, false, group.hasRevisions, isExpanded, group.baseNumber)}
                           {group.hasRevisions && (
                             <TableRow>
@@ -353,7 +353,7 @@ export default function AdminDashboard({ defaultStatus }: { defaultStatus?: stri
                               </TableCell>
                             </TableRow>
                           )}
-                        </Box>
+                        </Fragment>
                       );
                     })}
                 {!loading && rows.length === 0 && (
diff --git a/web/src/pages/proposals/list/ProposalListPage.tsx b/web/src/pages/proposals/list/ProposalListPage.tsx
index c7e582a..15c430f 100644
--- a/web/src/pages/proposals/list/ProposalListPage.tsx
+++ b/web/src/pages/proposals/list/ProposalListPage.tsx
@@ -1,4 +1,4 @@
-import { useState, useMemo } from 'react';
+import { useState, useMemo, Fragment } from 'react';
 import { useNavigate } from 'react-router-dom';
 import {
   Box,
@@ -275,7 +275,7 @@ export default function ProposalListPage() {
                   : grouped.map((group) => {
                       const isExpanded = expanded.has(group.baseNumber);
                       return (
-                        <Box component="tbody" key={group.baseNumber}>
+                        <Fragment key={group.baseNumber}>
                           {renderRow(group.latest, false, group.hasRevisions, isExpanded, group.baseNumber)}
                           {group.hasRevisions && (
                             <TableRow>
@@ -292,7 +292,7 @@ export default function ProposalListPage() {
                               </TableCell>
                             </TableRow>
                           )}
-                        </Box>
+                        </Fragment>
                       );
                     })}
                 {!loading && rows.length === 0 && (