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 cc5118c439..89724f01ea 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
@@ -56,15 +56,64 @@ export const MembersTable = ({
 
   if (members.length === 0) {
     return (
-      <Table>
-        <TableHead>
-          <TableRow>
-            <TableCell>
-              <strong>No members found</strong>
-            </TableCell>
-          </TableRow>
-        </TableHead>
-      </Table>
+      <>
+        <Table>
+          <TableHead>
+            <TableRow>
+              <TableCell>
+                <strong>No members found</strong>
+              </TableCell>
+            </TableRow>
+          </TableHead>
+          {showAddMemberButton && (
+            <TableRow>
+              <TableCell colSpan={3}>
+                <AddButton onClick={() => setShowModal(true)}>
+                  Add a new editor
+                </AddButton>
+              </TableCell>
+            </TableRow>
+          )}
+        </Table>
+        {showAddMemberButton && (
+          <Snackbar
+            open={showSuccessToast}
+            autoHideDuration={6000}
+            onClose={handleCloseSuccessToast}
+          >
+            <Alert
+              onClose={handleCloseSuccessToast}
+              severity="success"
+              sx={{ width: "100%" }}
+            >
+              Successfully added a user
+            </Alert>
+          </Snackbar>
+        )}
+        {showAddMemberButton && (
+          <Snackbar
+            open={showErrorToast}
+            autoHideDuration={6000}
+            onClose={handleCloseErrorToast}
+          >
+            <Alert
+              onClose={handleCloseErrorToast}
+              severity="error"
+              sx={{ width: "100%" }}
+            >
+              Failed to add new user, please try again
+            </Alert>
+          </Snackbar>
+        )}
+        {showModal && (
+          <AddNewEditorModal
+            setShowSuccessToast={setShowSuccessToast}
+            setShowErrorToast={setShowErrorToast}
+            showModal={showModal}
+            setShowModal={setShowModal}
+          />
+        )}
+      </>
     );
   }
 
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Team/tests/TeamMembers.addNewEditor.noExistingMembers.test.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Team/tests/TeamMembers.addNewEditor.noExistingMembers.test.tsx
new file mode 100644
index 0000000000..c3f5e64a4d
--- /dev/null
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Team/tests/TeamMembers.addNewEditor.noExistingMembers.test.tsx
@@ -0,0 +1,30 @@
+import { screen, within } from "@testing-library/react";
+import { useStore } from "pages/FlowEditor/lib/store";
+
+import { TeamMember } from "../types";
+import { setupTeamMembersScreen } from "./helpers/setupTeamMembersScreen";
+
+const mockTeamMembersDataWithNoTeamEditors: TeamMember[] = [
+  {
+    firstName: "Donella",
+    lastName: "Meadows",
+    email: "donella@example.com",
+    id: 1,
+    role: "platformAdmin",
+  },
+];
+
+describe("when a user views the 'Team members' screen but there are no existing team editors listed", () => {
+  beforeEach(async () => {
+    useStore.setState({ teamMembers: mockTeamMembersDataWithNoTeamEditors });
+    const { getByText } = await setupTeamMembersScreen();
+    getByText("No members found");
+  });
+
+  it("shows the 'add a new editor' button", async () => {
+    const teamEditorsTable = screen.getByTestId("team-editors");
+    expect(
+      await within(teamEditorsTable).findByText("Add a new editor"),
+    ).toBeVisible();
+  });
+});