diff --git a/src/components/Tool/FixPhoneNumbers/Contact.test.tsx b/src/components/Tool/FixPhoneNumbers/Contact.test.tsx
index f63fef861..a5e1c2896 100644
--- a/src/components/Tool/FixPhoneNumbers/Contact.test.tsx
+++ b/src/components/Tool/FixPhoneNumbers/Contact.test.tsx
@@ -35,6 +35,7 @@ describe('FixPhoneNumbers-Contact', () => {
     const handleDeleteModalOpenMock = jest.fn();
     const handleAddMock = jest.fn();
     const handleChangePrimaryMock = jest.fn();
+    const updatePhoneNumber = jest.fn();
 
     const { getByText, getByTestId, getByDisplayValue } = render(
       <ThemeProvider theme={theme}>
@@ -50,6 +51,7 @@ describe('FixPhoneNumbers-Contact', () => {
             handleAdd={handleAddMock}
             handleChangePrimary={handleChangePrimaryMock}
             setContactFocus={setContactFocus}
+            handleUpdate={updatePhoneNumber}
           />
         </TestWrapper>
       </ThemeProvider>,
@@ -67,6 +69,7 @@ describe('FixPhoneNumbers-Contact', () => {
     const handleDeleteModalOpenMock = jest.fn();
     const handleAddMock = jest.fn();
     const handleChangePrimaryMock = jest.fn();
+    const updatePhoneNumber = jest.fn();
 
     const { getByTestId } = render(
       <ThemeProvider theme={theme}>
@@ -82,6 +85,7 @@ describe('FixPhoneNumbers-Contact', () => {
             handleAdd={handleAddMock}
             handleChangePrimary={handleChangePrimaryMock}
             setContactFocus={setContactFocus}
+            handleUpdate={updatePhoneNumber}
           />
         </TestWrapper>
       </ThemeProvider>,
@@ -103,6 +107,7 @@ describe('FixPhoneNumbers-Contact', () => {
     const handleDeleteModalOpenMock = jest.fn();
     const handleAddMock = jest.fn();
     const handleChangePrimaryMock = jest.fn();
+    const updatePhoneNumber = jest.fn();
 
     const { getByTestId } = render(
       <ThemeProvider theme={theme}>
@@ -118,6 +123,7 @@ describe('FixPhoneNumbers-Contact', () => {
             handleAdd={handleAddMock}
             handleChangePrimary={handleChangePrimaryMock}
             setContactFocus={setContactFocus}
+            handleUpdate={updatePhoneNumber}
           />
         </TestWrapper>
       </ThemeProvider>,
@@ -131,5 +137,7 @@ describe('FixPhoneNumbers-Contact', () => {
     expect(handleChangePrimaryMock).toHaveBeenCalled();
     userEvent.click(getByTestId('delete-testid-1'));
     expect(handleDeleteModalOpenMock).toHaveBeenCalled();
+    userEvent.click(getByTestId(`confirmButton-${testData.id}`));
+    expect(updatePhoneNumber).toHaveBeenCalled();
   });
 });
diff --git a/src/components/Tool/FixPhoneNumbers/Contact.tsx b/src/components/Tool/FixPhoneNumbers/Contact.tsx
index 425f0ba55..f2b6f7582 100644
--- a/src/components/Tool/FixPhoneNumbers/Contact.tsx
+++ b/src/components/Tool/FixPhoneNumbers/Contact.tsx
@@ -114,6 +114,11 @@ interface Props {
   handleAdd: (personId: string, number: string) => void;
   handleChangePrimary: (personId: string, numberIndex: number) => void;
   setContactFocus: SetContactFocus;
+  handleUpdate: (
+    personId: string,
+    name: string,
+    numbers: PhoneNumberData[],
+  ) => void;
 }
 
 const Contact: React.FC<Props> = ({
@@ -127,6 +132,7 @@ const Contact: React.FC<Props> = ({
   // Remove below line when function is being used.
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   setContactFocus,
+  handleUpdate,
 }) => {
   const { t } = useTranslation();
   const locale = useLocale();
@@ -349,7 +355,12 @@ const Contact: React.FC<Props> = ({
             style={{ paddingLeft: theme.spacing(1) }}
           >
             <Box className={classes.buttonTop}>
-              <Button variant="contained" style={{ width: '100%' }}>
+              <Button
+                data-testid={`confirmButton-${personId}`}
+                onClick={() => handleUpdate(personId, name, numbers)}
+                variant="contained"
+                style={{ width: '100%' }}
+              >
                 <Icon
                   path={mdiCheckboxMarkedCircle}
                   size={0.8}
diff --git a/src/components/Tool/FixPhoneNumbers/FixPhoneNumbers.test.tsx b/src/components/Tool/FixPhoneNumbers/FixPhoneNumbers.test.tsx
index 9ad81f0e6..ff004eb63 100644
--- a/src/components/Tool/FixPhoneNumbers/FixPhoneNumbers.test.tsx
+++ b/src/components/Tool/FixPhoneNumbers/FixPhoneNumbers.test.tsx
@@ -73,32 +73,36 @@ const testData: ErgonoMockShape[] = [
   },
 ];
 
+const Components: React.FC<{ data?: ErgonoMockShape[] }> = ({
+  data = testData,
+}) => (
+  <ThemeProvider theme={theme}>
+    <TestRouter router={router}>
+      <TestWrapper>
+        <GqlMockedProvider<{
+          GetInvalidPhoneNumbers: GetInvalidPhoneNumbersQuery;
+        }>
+          mocks={{
+            GetInvalidPhoneNumbers: {
+              people: {
+                nodes: data,
+              },
+            },
+          }}
+        >
+          <FixPhoneNumbers
+            accountListId={accountListId}
+            setContactFocus={setContactFocus}
+          />
+        </GqlMockedProvider>
+      </TestWrapper>
+    </TestRouter>
+  </ThemeProvider>
+);
+
 describe('FixPhoneNumbers-Home', () => {
   it('default with test data', async () => {
-    const { getByText, queryByTestId } = render(
-      <ThemeProvider theme={theme}>
-        <TestRouter router={router}>
-          <TestWrapper>
-            <GqlMockedProvider<{
-              GetInvalidPhoneNumbers: GetInvalidPhoneNumbersQuery;
-            }>
-              mocks={{
-                GetInvalidPhoneNumbers: {
-                  people: {
-                    nodes: testData,
-                  },
-                },
-              }}
-            >
-              <FixPhoneNumbers
-                accountListId={accountListId}
-                setContactFocus={setContactFocus}
-              />
-            </GqlMockedProvider>
-          </TestWrapper>
-        </TestRouter>
-      </ThemeProvider>,
-    );
+    const { getByText, queryByTestId } = render(<Components />);
 
     await waitFor(() =>
       expect(getByText('Fix Phone Numbers')).toBeInTheDocument(),
@@ -113,30 +117,7 @@ describe('FixPhoneNumbers-Home', () => {
   });
 
   it('change primary of first number', async () => {
-    const { getByTestId, queryByTestId } = render(
-      <ThemeProvider theme={theme}>
-        <TestRouter router={router}>
-          <TestWrapper>
-            <GqlMockedProvider<{
-              GetInvalidPhoneNumbers: GetInvalidPhoneNumbersQuery;
-            }>
-              mocks={{
-                GetInvalidPhoneNumbers: {
-                  people: {
-                    nodes: testData,
-                  },
-                },
-              }}
-            >
-              <FixPhoneNumbers
-                accountListId={accountListId}
-                setContactFocus={setContactFocus}
-              />
-            </GqlMockedProvider>
-          </TestWrapper>
-        </TestRouter>
-      </ThemeProvider>,
-    );
+    const { getByTestId, queryByTestId } = render(<Components />);
 
     const star1 = await waitFor(() => getByTestId('starOutlineIcon-testid-1'));
     userEvent.click(star1);
@@ -147,30 +128,7 @@ describe('FixPhoneNumbers-Home', () => {
   });
 
   it('delete third number from first person', async () => {
-    const { getByTestId, queryByTestId } = render(
-      <ThemeProvider theme={theme}>
-        <TestRouter router={router}>
-          <TestWrapper>
-            <GqlMockedProvider<{
-              GetInvalidPhoneNumbers: GetInvalidPhoneNumbersQuery;
-            }>
-              mocks={{
-                GetInvalidPhoneNumbers: {
-                  people: {
-                    nodes: testData,
-                  },
-                },
-              }}
-            >
-              <FixPhoneNumbers
-                accountListId={accountListId}
-                setContactFocus={setContactFocus}
-              />
-            </GqlMockedProvider>
-          </TestWrapper>
-        </TestRouter>
-      </ThemeProvider>,
-    );
+    const { getByTestId, queryByTestId } = render(<Components />);
 
     const delete02 = await waitFor(() => getByTestId('delete-testid-2'));
     userEvent.click(delete02);
@@ -182,30 +140,7 @@ describe('FixPhoneNumbers-Home', () => {
   });
 
   it('change second number for second person to primary then delete it', async () => {
-    const { getByTestId, queryByTestId } = render(
-      <ThemeProvider theme={theme}>
-        <TestRouter router={router}>
-          <TestWrapper>
-            <GqlMockedProvider<{
-              GetInvalidPhoneNumbers: GetInvalidPhoneNumbersQuery;
-            }>
-              mocks={{
-                GetInvalidPhoneNumbers: {
-                  people: {
-                    nodes: testData,
-                  },
-                },
-              }}
-            >
-              <FixPhoneNumbers
-                accountListId={accountListId}
-                setContactFocus={setContactFocus}
-              />
-            </GqlMockedProvider>
-          </TestWrapper>
-        </TestRouter>
-      </ThemeProvider>,
-    );
+    const { getByTestId, queryByTestId } = render(<Components />);
 
     const star11 = await waitFor(() =>
       getByTestId('starOutlineIcon-testid2-1'),
@@ -223,30 +158,7 @@ describe('FixPhoneNumbers-Home', () => {
   });
 
   it('add a phone number to first person', async () => {
-    const { getByTestId, getByDisplayValue } = render(
-      <ThemeProvider theme={theme}>
-        <TestRouter router={router}>
-          <TestWrapper>
-            <GqlMockedProvider<{
-              GetInvalidPhoneNumbers: GetInvalidPhoneNumbersQuery;
-            }>
-              mocks={{
-                GetInvalidPhoneNumbers: {
-                  people: {
-                    nodes: testData,
-                  },
-                },
-              }}
-            >
-              <FixPhoneNumbers
-                accountListId={accountListId}
-                setContactFocus={setContactFocus}
-              />
-            </GqlMockedProvider>
-          </TestWrapper>
-        </TestRouter>
-      </ThemeProvider>,
-    );
+    const { getByTestId, getByDisplayValue } = render(<Components />);
     await waitFor(() =>
       expect(getByTestId('starIcon-testid2-0')).toBeInTheDocument(),
     );
@@ -265,30 +177,7 @@ describe('FixPhoneNumbers-Home', () => {
   });
 
   it('should render no contacts with no data', async () => {
-    const { getByText, getByTestId } = render(
-      <ThemeProvider theme={theme}>
-        <TestRouter router={router}>
-          <TestWrapper>
-            <GqlMockedProvider<{
-              GetInvalidPhoneNumbers: GetInvalidPhoneNumbersQuery;
-            }>
-              mocks={{
-                GetInvalidPhoneNumbers: {
-                  people: {
-                    nodes: [],
-                  },
-                },
-              }}
-            >
-              <FixPhoneNumbers
-                accountListId={accountListId}
-                setContactFocus={setContactFocus}
-              />
-            </GqlMockedProvider>
-          </TestWrapper>
-        </TestRouter>
-      </ThemeProvider>,
-    );
+    const { getByText, getByTestId } = render(<Components data={[]} />);
     await waitFor(() =>
       expect(getByTestId('fixPhoneNumbers-null-state')).toBeInTheDocument(),
     );
@@ -298,30 +187,7 @@ describe('FixPhoneNumbers-Home', () => {
   });
 
   it('should modify first number of first contact', async () => {
-    const { getByTestId } = render(
-      <ThemeProvider theme={theme}>
-        <TestRouter router={router}>
-          <TestWrapper>
-            <GqlMockedProvider<{
-              GetInvalidPhoneNumbers: GetInvalidPhoneNumbersQuery;
-            }>
-              mocks={{
-                GetInvalidPhoneNumbers: {
-                  people: {
-                    nodes: testData,
-                  },
-                },
-              }}
-            >
-              <FixPhoneNumbers
-                accountListId={accountListId}
-                setContactFocus={setContactFocus}
-              />
-            </GqlMockedProvider>
-          </TestWrapper>
-        </TestRouter>
-      </ThemeProvider>,
-    );
+    const { getByTestId } = render(<Components />);
     await waitFor(() => {
       expect(getByTestId('textfield-testid-0')).toBeInTheDocument();
     });
@@ -331,4 +197,21 @@ describe('FixPhoneNumbers-Home', () => {
     userEvent.type(firstInput, '123');
     expect(firstInput.value).toBe('+3533895895123');
   });
+
+  it('should hide contact from view', async () => {
+    const { getByTestId, getByText, queryByText } = render(<Components />);
+    await waitFor(() => {
+      expect(
+        getByText(`${testData[0].firstName} ${testData[0].lastName}`),
+      ).toBeInTheDocument();
+    });
+
+    userEvent.click(getByTestId('confirmButton-testid'));
+
+    await waitFor(() => {
+      expect(
+        queryByText(`${testData[0].firstName} ${testData[0].lastName}`),
+      ).not.toBeInTheDocument();
+    });
+  });
 });
diff --git a/src/components/Tool/FixPhoneNumbers/FixPhoneNumbers.tsx b/src/components/Tool/FixPhoneNumbers/FixPhoneNumbers.tsx
index 2b08cbca3..61e27f84f 100644
--- a/src/components/Tool/FixPhoneNumbers/FixPhoneNumbers.tsx
+++ b/src/components/Tool/FixPhoneNumbers/FixPhoneNumbers.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react';
+import { useApolloClient } from '@apollo/client';
 import { mdiCheckboxMarkedCircle } from '@mdi/js';
 import Icon from '@mdi/react';
 import {
@@ -10,6 +11,7 @@ import {
   NativeSelect,
   Typography,
 } from '@mui/material';
+import { useSnackbar } from 'notistack';
 import { Trans, useTranslation } from 'react-i18next';
 import { makeStyles } from 'tss-react/mui';
 import { SetContactFocus } from 'pages/accountLists/[accountListId]/tools/useToolsHelper';
@@ -19,7 +21,12 @@ import NoData from '../NoData';
 import { StyledInput } from '../StyledInput';
 import Contact from './Contact';
 import DeleteModal from './DeleteModal';
-import { useGetInvalidPhoneNumbersQuery } from './GetInvalidPhoneNumbers.generated';
+import {
+  GetInvalidPhoneNumbersDocument,
+  GetInvalidPhoneNumbersQuery,
+  useGetInvalidPhoneNumbersQuery,
+} from './GetInvalidPhoneNumbers.generated';
+import { useUpdateInvalidPhoneNumbersMutation } from './UpdateInvalidPhoneNumbers.generated';
 
 const useStyles = makeStyles()(() => ({
   container: {
@@ -108,7 +115,7 @@ export interface PhoneNumberData {
   destroy?: boolean;
 }
 
-interface PersonPhoneNumbers {
+export interface PersonPhoneNumbers {
   phoneNumbers: PhoneNumberData[];
   toDelete: PersonPhoneNumberInput[];
 }
@@ -123,11 +130,14 @@ const FixPhoneNumbers: React.FC<Props> = ({
   setContactFocus,
 }: Props) => {
   const { classes } = useStyles();
-
+  const { enqueueSnackbar } = useSnackbar();
+  const client = useApolloClient();
   const [defaultSource, setDefaultSource] = useState('MPDX');
   const [deleteModalState, setDeleteModalState] = useState<ModalState>(
     defaultDeleteModalState,
   );
+  const [updateInvalidPhoneNumbers] = useUpdateInvalidPhoneNumbersMutation();
+
   const { data, loading } = useGetInvalidPhoneNumbersQuery({
     variables: { accountListId },
   });
@@ -235,6 +245,68 @@ const FixPhoneNumbers: React.FC<Props> = ({
     setDefaultSource(event.target.value);
   };
 
+  const updatePhoneNumber = async (
+    personId: string,
+    name: string,
+    numbers: PhoneNumberData[],
+  ): Promise<void> => {
+    const attributes = [
+      {
+        phoneNumbers: numbers.map((phoneNumber) => ({
+          id: phoneNumber.id,
+          primary: phoneNumber.primary,
+          number: phoneNumber.number,
+        })),
+        id: personId,
+      },
+    ];
+    await updateInvalidPhoneNumbers({
+      variables: {
+        input: {
+          accountListId,
+          attributes,
+        },
+      },
+      onError() {
+        enqueueSnackbar(t(`Error updating ${name}'s phone numbers`), {
+          variant: 'error',
+          autoHideDuration: 7000,
+        });
+      },
+      onCompleted() {
+        enqueueSnackbar(t(`${name}'s phone numbers updated!`), {
+          variant: 'success',
+          autoHideDuration: 7000,
+        });
+        hideContactFromView(personId);
+      },
+    });
+  };
+
+  const hideContactFromView = (hideId: string): void => {
+    const query = {
+      query: GetInvalidPhoneNumbersDocument,
+      variables: {
+        accountListId,
+      },
+    };
+
+    const dataFromCache = client.readQuery<GetInvalidPhoneNumbersQuery>(query);
+
+    if (dataFromCache) {
+      const data = {
+        ...dataFromCache,
+        people: {
+          ...dataFromCache.people,
+          nodes: dataFromCache.people.nodes.filter(
+            (person) => person.id !== hideId,
+          ),
+        },
+      };
+      client.writeQuery({ ...query, data });
+    }
+  };
+
   return (
     <Box className={classes.container}>
       {!loading && data ? (
@@ -317,6 +389,7 @@ const FixPhoneNumbers: React.FC<Props> = ({
                     handleAdd={handleAdd}
                     handleChangePrimary={handleChangePrimary}
                     setContactFocus={setContactFocus}
+                    handleUpdate={updatePhoneNumber}
                   />
                 ))}
               </Grid>
diff --git a/src/components/Tool/FixPhoneNumbers/UpdateInvalidPhoneNumbers.graphql b/src/components/Tool/FixPhoneNumbers/UpdateInvalidPhoneNumbers.graphql
new file mode 100644
index 000000000..e8c2d157b
--- /dev/null
+++ b/src/components/Tool/FixPhoneNumbers/UpdateInvalidPhoneNumbers.graphql
@@ -0,0 +1,14 @@
+mutation UpdateInvalidPhoneNumbers($input: PeopleUpdateMutationInput!) {
+  updatePeople(input: $input) {
+    people {
+      phoneNumbers {
+        nodes {
+          source
+          number
+          id
+          primary
+        }
+      }
+    }
+  }
+}