diff --git a/__mocks__/programs.mock.ts b/__mocks__/programs.mock.ts
index 696804fe1d..06654e236b 100644
--- a/__mocks__/programs.mock.ts
+++ b/__mocks__/programs.mock.ts
@@ -52,7 +52,10 @@ export const mockEnrolledProgramsResponse = [
       allWorkflows: [],
     },
     display: 'HIV Care and Treatment',
-    location: { display: 'Location Test' },
+    location: {
+      uuid: 'aff27d58-a15c-49a6-9beb-d30dcfc0c66e',
+      display: 'Amani Hospital'
+    },
     dateEnrolled: '2020-01-16T00:00:00.000+0000',
     dateCompleted: null,
   },
diff --git a/packages/esm-patient-programs-app/src/programs/programs-detailed-summary.component.tsx b/packages/esm-patient-programs-app/src/programs/programs-detailed-summary.component.tsx
index 19fb174ad1..a5cb1af5e7 100644
--- a/packages/esm-patient-programs-app/src/programs/programs-detailed-summary.component.tsx
+++ b/packages/esm-patient-programs-app/src/programs/programs-detailed-summary.component.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import Add16 from '@carbon/icons-react/es/add/16';
+import Edit16 from '@carbon/icons-react/es/edit/16';
 import filter from 'lodash-es/filter';
 import includes from 'lodash-es/includes';
 import map from 'lodash-es/map';
@@ -59,6 +60,10 @@ const ProgramsDetailedSummary: React.FC<ProgramsDetailedSummaryProps> = ({ patie
         key: 'status',
         header: t('status', 'Status'),
       },
+      {
+        key: 'actions',
+        header: t('actions', 'Actions'),
+      },
     ],
     [t],
   );
@@ -73,6 +78,7 @@ const ProgramsDetailedSummary: React.FC<ProgramsDetailedSummaryProps> = ({ patie
         status: program.dateCompleted
           ? `${t('completedOn', 'Completed On')} ${formatDate(new Date(program.dateCompleted))}`
           : t('active', 'Active'),
+        actions: <ProgramEditButton programEnrollmentId={program.uuid} />,
       };
     });
   }, [enrollments, t]);
@@ -143,4 +149,25 @@ const ProgramsDetailedSummary: React.FC<ProgramsDetailedSummaryProps> = ({ patie
   return <EmptyState displayText={displayText} headerTitle={headerTitle} launchForm={launchProgramsForm} />;
 };
 
+interface ProgramEditButtonProps {
+  programEnrollmentId: string;
+}
+
+function ProgramEditButton({ programEnrollmentId }: ProgramEditButtonProps) {
+  const launchEditProgramsForm = React.useCallback(
+    () => launchPatientWorkspace('programs-form-workspace', { programEnrollmentId }),
+    [],
+  );
+
+  return (
+    <Button
+      kind="ghost"
+      renderIcon={Edit16}
+      iconDescription="Edit Program"
+      onClick={launchEditProgramsForm}
+      hasIconOnly
+    />
+  );
+}
+
 export default ProgramsDetailedSummary;
diff --git a/packages/esm-patient-programs-app/src/programs/programs-detailed-summary.test.tsx b/packages/esm-patient-programs-app/src/programs/programs-detailed-summary.test.tsx
index c81be770be..a41de0f678 100644
--- a/packages/esm-patient-programs-app/src/programs/programs-detailed-summary.test.tsx
+++ b/packages/esm-patient-programs-app/src/programs/programs-detailed-summary.test.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { screen } from '@testing-library/react';
+import { screen, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { openmrsFetch, usePagination } from '@openmrs/esm-framework';
 import { mockEnrolledProgramsResponse } from '../../../../__mocks__/programs.mock';
@@ -89,13 +89,22 @@ describe('ProgramsDetailedSummary ', () => {
 
     const addButton = screen.getByRole('button', { name: /Add/ });
     expect(addButton).toBeInTheDocument();
-    expect(screen.getByRole('row', { name: /hiv care and treatment/i })).toBeInTheDocument();
-    expect(screen.getByRole('row', { name: /16-Jan-2020/i })).toBeInTheDocument();
-    expect(screen.getByRole('row', { name: /active$/i })).toBeInTheDocument();
+    const row = screen.getByRole('row', { name: /hiv care and treatment/i });
+    expect(row).toBeInTheDocument();
+    expect(within(row).getByRole('cell', { name: /16-Jan-2020/i })).toBeInTheDocument();
+    expect(within(row).getByRole('cell', { name: /active$/i })).toBeInTheDocument();
+    const editButton = within(row).getByRole('button', { name: /Edit Program$/i });
+    expect(editButton).toBeInTheDocument();
 
     // Clicking "Add" launches the programs form in a workspace
     userEvent.click(addButton);
     expect(launchPatientWorkspace).toHaveBeenCalledWith('programs-form-workspace');
+
+    // Clicking the edit button launches the edit form in a workspace
+    userEvent.click(editButton);
+    expect(launchPatientWorkspace).toHaveBeenCalledWith('programs-form-workspace', {
+      programEnrollmentId: mockEnrolledProgramsResponse[0].uuid,
+    });
   });
 });
 
diff --git a/packages/esm-patient-programs-app/src/programs/programs-form.component.tsx b/packages/esm-patient-programs-app/src/programs/programs-form.component.tsx
index c8e1a4d527..df2a5bef34 100644
--- a/packages/esm-patient-programs-app/src/programs/programs-form.component.tsx
+++ b/packages/esm-patient-programs-app/src/programs/programs-form.component.tsx
@@ -12,6 +12,7 @@ import {
   useSession,
   useLocations,
   useLayoutType,
+  parseDate,
 } from '@openmrs/esm-framework';
 import {
   Button,
@@ -28,11 +29,16 @@ import {
   useAvailablePrograms,
   useEnrollments,
   customRepresentation,
+  updateProgramEnrollment,
 } from './programs.resource';
 import { DefaultWorkspaceProps } from '@openmrs/esm-patient-common-lib';
 import styles from './programs-form.scss';
 
-const ProgramsForm: React.FC<DefaultWorkspaceProps> = ({ closeWorkspace, patientUuid }) => {
+interface ProgramsFormProps extends DefaultWorkspaceProps {
+  programEnrollmentId?: string;
+}
+
+const ProgramsForm: React.FC<ProgramsFormProps> = ({ closeWorkspace, patientUuid, programEnrollmentId }) => {
   const { t } = useTranslation();
   const isTablet = useLayoutType() === 'tablet';
   const session = useSession();
@@ -41,16 +47,25 @@ const ProgramsForm: React.FC<DefaultWorkspaceProps> = ({ closeWorkspace, patient
 
   const { data: availablePrograms } = useAvailablePrograms();
   const { data: enrollments } = useEnrollments(patientUuid);
+  const currentEnrollment = programEnrollmentId && enrollments.filter((e) => e.uuid == programEnrollmentId)[0];
+  const currentProgram = currentEnrollment
+    ? {
+        display: currentEnrollment.program.name,
+        ...currentEnrollment.program,
+      }
+    : null;
 
-  const eligiblePrograms = filter(
-    availablePrograms,
-    (program) => !includes(map(enrollments, 'program.uuid'), program.uuid),
+  const eligiblePrograms = currentProgram
+    ? [currentProgram]
+    : filter(availablePrograms, (program) => !includes(map(enrollments, 'program.uuid'), program.uuid));
+  const [completionDate, setCompletionDate] = React.useState<Date>(
+    currentEnrollment?.dateCompleted ? parseDate(currentEnrollment.dateCompleted) : null,
   );
-
-  const [completionDate, setCompletionDate] = React.useState(null);
-  const [enrollmentDate, setEnrollmentDate] = React.useState(new Date());
-  const [selectedProgram, setSelectedProgram] = React.useState<string>('');
-  const [userLocation, setUserLocation] = React.useState('');
+  const [enrollmentDate, setEnrollmentDate] = React.useState<Date>(
+    currentEnrollment?.dateEnrolled ? parseDate(currentEnrollment.dateEnrolled) : new Date(),
+  );
+  const [selectedProgram, setSelectedProgram] = React.useState<string>(currentEnrollment?.program.uuid ?? '');
+  const [userLocation, setUserLocation] = React.useState<string>(currentEnrollment?.location.uuid ?? '');
 
   if (!userLocation && session?.sessionLocation?.uuid) {
     setUserLocation(session?.sessionLocation?.uuid);
@@ -71,32 +86,62 @@ const ProgramsForm: React.FC<DefaultWorkspaceProps> = ({ closeWorkspace, patient
       };
 
       const abortController = new AbortController();
-      const sub = createProgramEnrollment(payload, abortController).subscribe(
-        (response) => {
-          if (response.status === 201) {
-            closeWorkspace();
-
-            showToast({
-              critical: true,
-              kind: 'success',
-              description: t('enrollmentNowVisible', 'It is now visible on the Programs page'),
-              title: t('enrollmentSaved', 'Program enrollment saved'),
-            });
-
-            mutate(`/ws/rest/v1/programenrollment?patient=${patientUuid}&v=${customRepresentation}`);
-          }
-        },
-        (err) => {
-          createErrorHandler();
-
-          showNotification({
-            title: t('programEnrollmentSaveError', 'Error saving program enrollment'),
-            kind: 'error',
-            critical: true,
-            description: err?.message,
-          });
-        },
-      );
+      const sub = currentEnrollment
+        ? updateProgramEnrollment(currentEnrollment.uuid, payload, abortController).subscribe(
+            (response) => {
+              if (response.status === 200) {
+                closeWorkspace();
+
+                showToast({
+                  critical: true,
+                  kind: 'success',
+                  description: t(
+                    'enrollmentUpdatesNowVisible',
+                    'Changes to the program are now visible in the Programs table',
+                  ),
+                  title: t('enrollmentUpdated', 'Program enrollment updated'),
+                });
+
+                mutate(`/ws/rest/v1/programenrollment?patient=${patientUuid}&v=${customRepresentation}`);
+              }
+            },
+            (err) => {
+              createErrorHandler();
+
+              showNotification({
+                title: t('programEnrollmentSaveError', 'Error saving program enrollment'),
+                kind: 'error',
+                critical: true,
+                description: err?.message,
+              });
+            },
+          )
+        : createProgramEnrollment(payload, abortController).subscribe(
+            (response) => {
+              if (response.status === 201) {
+                closeWorkspace();
+
+                showToast({
+                  critical: true,
+                  kind: 'success',
+                  description: t('enrollmentNowVisible', 'It is now visible in the Programs table'),
+                  title: t('enrollmentSaved', 'Program enrollment saved'),
+                });
+
+                mutate(`/ws/rest/v1/programenrollment?patient=${patientUuid}&v=${customRepresentation}`);
+              }
+            },
+            (err) => {
+              createErrorHandler();
+
+              showNotification({
+                title: t('programEnrollmentSaveError', 'Error saving program enrollment'),
+                kind: 'error',
+                critical: true,
+                description: err?.message,
+              });
+            },
+          );
       return () => {
         sub.unsubscribe();
       };
diff --git a/packages/esm-patient-programs-app/src/programs/programs-form.test.tsx b/packages/esm-patient-programs-app/src/programs/programs-form.test.tsx
index b31e698d57..420a85960b 100644
--- a/packages/esm-patient-programs-app/src/programs/programs-form.test.tsx
+++ b/packages/esm-patient-programs-app/src/programs/programs-form.test.tsx
@@ -1,16 +1,25 @@
 import React from 'react';
 import { throwError } from 'rxjs';
 import { of } from 'rxjs/internal/observable/of';
-import { render, screen, waitFor } from '@testing-library/react';
+import { fireEvent, render, screen, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { createErrorHandler, openmrsFetch, showNotification, showToast, useLayoutType } from '@openmrs/esm-framework';
+import {
+  createErrorHandler,
+  formatDate,
+  openmrsFetch,
+  parseDate,
+  showNotification,
+  showToast,
+  useLayoutType,
+} from '@openmrs/esm-framework';
 import { mockPatient } from '../../../../__mocks__/patient.mock';
 import {
   mockCareProgramsResponse,
   mockEnrolledProgramsResponse,
   mockLocationsResponse,
+  mockProgramResponse,
 } from '../../../../__mocks__/programs.mock';
-import { createProgramEnrollment } from './programs.resource';
+import { createProgramEnrollment, updateProgramEnrollment } from './programs.resource';
 import ProgramsForm from './programs-form.component';
 
 const testProps = {
@@ -21,6 +30,7 @@ const testProps = {
 
 const mockCreateErrorHandler = createErrorHandler as jest.Mock;
 const mockCreateProgramEnrollment = createProgramEnrollment as jest.Mock;
+const mockUpdateProgramEnrollment = updateProgramEnrollment as jest.Mock;
 const mockOpenmrsFetch = openmrsFetch as jest.Mock;
 const mockShowNotification = showNotification as jest.Mock;
 const mockShowToast = showToast as jest.Mock;
@@ -44,15 +54,21 @@ jest.mock('./programs.resource', () => {
   return {
     ...originalModule,
     createProgramEnrollment: jest.fn(),
+    updateProgramEnrollment: jest.fn(),
   };
 });
 
-describe('ProgramsForm: ', () => {
-  beforeEach(() => {
-    mockOpenmrsFetch.mockReturnValueOnce({ data: { results: mockCareProgramsResponse } });
-    mockOpenmrsFetch.mockReturnValueOnce({ data: { results: mockEnrolledProgramsResponse } });
-  });
+mockOpenmrsFetch.mockImplementation((url) => {
+  if (/programenrollment/.test(url)) {
+    return { data: { results: mockEnrolledProgramsResponse } };
+  } else if (/program/.test(url)) {
+    return { data: { results: mockCareProgramsResponse } };
+  } else {
+    return null;
+  }
+});
 
+describe('ProgramsForm: ', () => {
   it('renders the programs form with all the relevant fields and values', async () => {
     renderProgramsForm();
 
@@ -75,6 +91,36 @@ describe('ProgramsForm: ', () => {
     expect(enrollButton).toBeDisabled();
   });
 
+  it('renders the edit program form with existing data', async () => {
+    renderProgramsForm(mockEnrolledProgramsResponse[0].uuid);
+
+    const programSelect = await screen.findByRole('group', { name: /Program/i });
+    expect(within(programSelect).getByRole('option', { name: /HIV Care and Treatment/ })).toBeInTheDocument();
+    expect(within(programSelect).getAllByRole('option').length).toBe(1);
+
+    const dateEnrolledGroup = screen.getByRole('group', { name: /Date enrolled/i });
+    expect(dateEnrolledGroup).toBeInTheDocument();
+    const dateEnrolledInput = within(dateEnrolledGroup).getByRole('textbox');
+    expect(dateEnrolledInput).toHaveValue('16/01/2020');
+
+    expect(screen.getByRole('group', { name: /Date completed/i })).toBeInTheDocument();
+
+    const enrollmentLocation = screen.getByRole('group', { name: /Enrollment location/i });
+    const locationSelect = within(enrollmentLocation).getByRole('combobox');
+    const amani = screen.getByRole('option', { name: /Amani Hospital/i });
+    expect(amani).toBeInTheDocument();
+    expect(locationSelect).toHaveValue(mockLocationsResponse[0].uuid);
+    expect(screen.getByRole('option', { name: /Inpatient Ward/i })).toBeInTheDocument();
+    expect(screen.getByRole('option', { name: /Isolation Ward/i })).toBeInTheDocument();
+    expect(screen.getByRole('option', { name: /Laboratory/i })).toBeInTheDocument();
+
+    const cancelButton = screen.getByRole('button', { name: /cancel/i });
+    const enrollButton = screen.getByRole('button', { name: /save and close/i });
+    expect(cancelButton).toBeInTheDocument();
+    expect(enrollButton).toBeInTheDocument();
+    expect(enrollButton).not.toBeDisabled();
+  });
+
   it('closes the form and the workspace when the cancel button is clicked', () => {
     renderProgramsForm();
 
@@ -96,28 +142,27 @@ describe('ProgramsForm: ', () => {
   describe('Form submission: ', () => {
     const inpatientWardUuid = 'b1a8b05e-3542-4037-bbd3-998ee9c40574';
     const oncologyScreeningProgramUuid = '11b129ca-a5e7-4025-84bf-b92a173e20de';
-    let cancelButton: HTMLElement;
-    let enrollButton: HTMLElement;
-    let enrollmentDateInput: HTMLElement;
-    let selectLocationInput: HTMLElement;
-    let selectProgramInput: HTMLElement;
 
     beforeEach(() => {
+      mockShowToast.mockReset();
+    });
+
+    it('creates a program enrollment', async () => {
       renderProgramsForm();
 
-      cancelButton = screen.getByRole('button', { name: /cancel/i });
-      enrollButton = screen.getByRole('button', { name: /save and close/i });
-      enrollmentDateInput = screen.getAllByRole('textbox', { name: '' })[0];
-      selectLocationInput = screen.getAllByRole('combobox', { name: '' })[1];
-      selectProgramInput = screen.getAllByRole('combobox', { name: '' })[0];
-    });
+      const cancelButton = screen.getByRole('button', { name: /cancel/i });
+      const enrollButton = screen.getByRole('button', { name: /save and close/i });
+      const enrollmentDateInput = screen.getAllByRole('textbox', { name: '' })[0];
+      const selectLocationInput = screen.getAllByRole('combobox', { name: '' })[1];
+      const selectProgramInput = screen.getAllByRole('combobox', { name: '' })[0];
 
-    it('renders a success toast notification upon successfully recording a program enrollment', async () => {
       mockCreateProgramEnrollment.mockReturnValueOnce(of({ status: 201, statusText: 'Created' }));
 
       userEvent.selectOptions(selectProgramInput, [oncologyScreeningProgramUuid]);
       userEvent.selectOptions(selectLocationInput, [inpatientWardUuid]);
-      userEvent.type(enrollmentDateInput, '2020-05-05');
+      userEvent.clear(enrollmentDateInput);
+      userEvent.type(enrollmentDateInput, '05/05/2020');
+      fireEvent.blur(enrollmentDateInput);
 
       expect(screen.getByDisplayValue('Oncology Screening and Diagnosis')).toBeInTheDocument();
       expect(screen.getByDisplayValue('Inpatient Ward')).toBeInTheDocument();
@@ -128,6 +173,7 @@ describe('ProgramsForm: ', () => {
       expect(mockCreateProgramEnrollment).toHaveBeenCalledTimes(1);
       expect(mockCreateProgramEnrollment).toHaveBeenCalledWith(
         expect.objectContaining({
+          dateEnrolled: '2020-05-05T00:00:00+00:00',
           dateCompleted: null,
           location: inpatientWardUuid,
           patient: mockPatient.id,
@@ -140,14 +186,63 @@ describe('ProgramsForm: ', () => {
       expect(mockShowToast).toHaveBeenCalledWith(
         expect.objectContaining({
           critical: true,
-          description: 'It is now visible on the Programs page',
+          description: 'It is now visible in the Programs table',
           kind: 'success',
           title: 'Program enrollment saved',
         }),
       );
     });
 
+    it('updates a program enrollment', async () => {
+      renderProgramsForm(mockEnrolledProgramsResponse[0].uuid);
+
+      const enrollButton = screen.getByRole('button', { name: /save and close/i });
+      const dateCompletedGroup = screen.getByRole('group', { name: /Date completed/i });
+      const dateCompletedInput = within(dateCompletedGroup).getByRole('textbox');
+
+      mockUpdateProgramEnrollment.mockReturnValueOnce(of({ status: 200, statusText: 'OK' }));
+
+      userEvent.type(dateCompletedInput, '05/05/2020');
+      expect(dateCompletedInput).toHaveValue('05/05/2020');
+      fireEvent.blur(dateCompletedInput);
+
+      expect(enrollButton).not.toBeDisabled();
+
+      await waitFor(() => userEvent.click(enrollButton));
+
+      expect(mockUpdateProgramEnrollment).toHaveBeenCalledTimes(1);
+      expect(mockUpdateProgramEnrollment).toHaveBeenCalledWith(
+        mockEnrolledProgramsResponse[0].uuid,
+        expect.objectContaining({
+          dateEnrolled: '2020-01-16T00:00:00+00:00',
+          dateCompleted: '2020-05-05T00:00:00+00:00',
+          location: mockEnrolledProgramsResponse[0].location.uuid,
+          patient: mockPatient.id,
+          program: mockEnrolledProgramsResponse[0].program.uuid,
+        }),
+        new AbortController(),
+      );
+
+      expect(mockShowToast).toHaveBeenCalledTimes(1);
+      expect(mockShowToast).toHaveBeenCalledWith(
+        expect.objectContaining({
+          critical: true,
+          description: 'Changes to the program are now visible in the Programs table',
+          kind: 'success',
+          title: 'Program enrollment updated',
+        }),
+      );
+    });
+
     xit('renders an error notification if there was a problem recording a program enrollment', async () => {
+      renderProgramsForm();
+
+      const cancelButton = screen.getByRole('button', { name: /cancel/i });
+      const enrollButton = screen.getByRole('button', { name: /save and close/i });
+      const enrollmentDateInput = screen.getAllByRole('textbox', { name: '' })[0];
+      const selectLocationInput = screen.getAllByRole('combobox', { name: '' })[1];
+      const selectProgramInput = screen.getAllByRole('combobox', { name: '' })[0];
+
       const error = {
         message: 'Internal Server Error',
         response: {
@@ -180,6 +275,6 @@ describe('ProgramsForm: ', () => {
   });
 });
 
-function renderProgramsForm() {
-  render(<ProgramsForm {...testProps} />);
+function renderProgramsForm(programEnrollmentUuidToEdit?: string) {
+  render(<ProgramsForm {...testProps} programEnrollmentId={programEnrollmentUuidToEdit} />);
 }
diff --git a/packages/esm-patient-programs-app/src/programs/programs.resource.tsx b/packages/esm-patient-programs-app/src/programs/programs.resource.tsx
index f53c11d72a..ce585ebd4a 100644
--- a/packages/esm-patient-programs-app/src/programs/programs.resource.tsx
+++ b/packages/esm-patient-programs-app/src/programs/programs.resource.tsx
@@ -59,12 +59,12 @@ export function createProgramEnrollment(payload, abortController) {
   });
 }
 
-export function updateProgramEnrollment(payload, abortController) {
+export function updateProgramEnrollment(programEnrollmentUuid: string, payload, abortController) {
   if (!payload && !payload.program) {
     return null;
   }
   const { program, dateEnrolled, dateCompleted, location } = payload;
-  return openmrsObservableFetch(`/ws/rest/v1/programenrollment/${program}`, {
+  return openmrsObservableFetch(`/ws/rest/v1/programenrollment/${programEnrollmentUuid}`, {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',
diff --git a/packages/esm-patient-programs-app/src/types/index.ts b/packages/esm-patient-programs-app/src/types/index.ts
index 616ed48739..b4ce719401 100644
--- a/packages/esm-patient-programs-app/src/types/index.ts
+++ b/packages/esm-patient-programs-app/src/types/index.ts
@@ -15,11 +15,15 @@ export interface PatientProgram {
       states: Array<{}>;
       links?: Links;
     }>;
+    concept: {
+      display: string;
+      uuid: string;
+    };
     links: Links;
   };
   display: string;
-  dateEnrolled: Date;
-  dateCompleted: Date | null;
+  dateEnrolled: string;
+  dateCompleted: string | null;
   location?: {
     uuid: string;
     display: string;
diff --git a/packages/esm-patient-programs-app/translations/en.json b/packages/esm-patient-programs-app/translations/en.json
index 851b3c262d..ecab48f42f 100644
--- a/packages/esm-patient-programs-app/translations/en.json
+++ b/packages/esm-patient-programs-app/translations/en.json
@@ -1,4 +1,5 @@
 {
+  "actions": "Actions",
   "active": "Active",
   "activePrograms": "Active programs",
   "add": "Add",
@@ -10,8 +11,10 @@
   "dateCompleted": "Date completed",
   "dateEnrolled": "Date enrolled",
   "enrollmentLocation": "Enrollment location",
-  "enrollmentNowVisible": "It is now visible on the Programs page",
+  "enrollmentNowVisible": "It is now visible in the Programs table",
   "enrollmentSaved": "Program enrollment saved",
+  "enrollmentUpdated": "Program enrollment updated",
+  "enrollmentUpdatesNowVisible": "Changes to the program are now visible in the Programs table",
   "fullyEnrolled": "Enrolled in all programs",
   "location": "Location",
   "noEligibleEnrollments": "There are no more programs left to enroll this patient in",