From f0b33ace3eeddc74f30527fccab2df8cbabe9b42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dafydd=20Ll=C5=B7r=20Pearson?= <DafyddLlyr@gmail.com>
Date: Tue, 29 Oct 2024 15:47:20 +0000
Subject: [PATCH] fix: Invalid table warnings

---
 .../Team/components/MembersTable.tsx          | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Team/components/MembersTable.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Team/components/MembersTable.tsx
index 5922db3487..cc4341328b 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Team/components/MembersTable.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Team/components/MembersTable.tsx
@@ -91,17 +91,19 @@ export const MembersTable = ({
             </TableRow>
           </TableHead>
           {showAddMemberButton && (
-            <TableRow>
-              <TableCell colSpan={3}>
-                <AddButton
-                  onClick={() => {
-                    addUser();
-                  }}
-                >
-                  Add a new editor
-                </AddButton>
-              </TableCell>
-            </TableRow>
+            <TableBody>
+              <TableRow>
+                <TableCell colSpan={3}>
+                  <AddButton
+                    onClick={() => {
+                      addUser();
+                    }}
+                  >
+                    Add a new editor
+                  </AddButton>
+                </TableCell>
+              </TableRow>
+            </TableBody>
           )}
         </Table>
         {showModal && (
@@ -130,7 +132,7 @@ export const MembersTable = ({
               </TableCell>
               <TableCell>
                 <strong>Email</strong>
-              </TableCell>{" "}
+              </TableCell>
               {
                 // empty table cells for styling across buttons
               }
@@ -141,7 +143,7 @@ export const MembersTable = ({
           <TableBody
             data-testid={`members-table${showAddMemberButton && "-add-editor"}`}
           >
-            {members.map((member, i) => (
+            {members.map((member) => (
               <StyledTableRow key={member.id}>
                 <TableCell
                   sx={{