diff --git a/packages/esm-lab-manifest-app/src/component/lab-manifest.component.tsx b/packages/esm-lab-manifest-app/src/component/lab-manifest.component.tsx
index 2df4649c0..308bdc8ee 100644
--- a/packages/esm-lab-manifest-app/src/component/lab-manifest.component.tsx
+++ b/packages/esm-lab-manifest-app/src/component/lab-manifest.component.tsx
@@ -8,7 +8,7 @@ const LabManifestComponent: React.FC = () => {
   const { t } = useTranslation();
   return (
     <div className={`omrs-main-content`}>
-      <LabManifestHeader title={t('labManifest', 'Lab Manifest')} />
+      <LabManifestHeader title={t('labManifestDashboard', 'Lab Manifest Dashboard')} />
       <LabManifestMetrics />
       <LabManifestsTable />
     </div>
diff --git a/packages/esm-lab-manifest-app/src/config-schema.ts b/packages/esm-lab-manifest-app/src/config-schema.ts
index 24b129179..2636d7175 100644
--- a/packages/esm-lab-manifest-app/src/config-schema.ts
+++ b/packages/esm-lab-manifest-app/src/config-schema.ts
@@ -7,15 +7,15 @@ export const configSchema = {
     _default: [
       {
         id: 1,
-        type: 'EID Type',
+        type: 'EID',
       },
       {
         id: 2,
-        type: 'VL Type',
+        type: 'VL',
       },
       {
         id: 3,
-        type: 'FLU Type',
+        type: 'FLU',
       },
     ],
   },
diff --git a/packages/esm-lab-manifest-app/src/forms/active-order-selection-preview.tsx b/packages/esm-lab-manifest-app/src/forms/active-order-selection-preview.tsx
new file mode 100644
index 000000000..42083fe91
--- /dev/null
+++ b/packages/esm-lab-manifest-app/src/forms/active-order-selection-preview.tsx
@@ -0,0 +1,86 @@
+import React from 'react';
+
+import {
+  DataTable,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import styles from '../tables/lab-manifest-table.scss';
+import { ActiveRequestOrder } from '../types';
+
+interface ActiveOrdersSelectionPreviewProps {
+  orders?: Array<ActiveRequestOrder>;
+}
+
+const ActiveOrdersSelectionPreview: React.FC<ActiveOrdersSelectionPreviewProps> = ({ orders = [] }) => {
+  const { t } = useTranslation();
+
+  const headers = [
+    {
+      header: t('patientName', 'Patient name'),
+      key: 'patientName',
+    },
+    {
+      header: t('cccKDODNumber', 'CCC/KDOD Number'),
+      key: 'cccKdod',
+    },
+    {
+      header: t('dateRequested', 'Date Requested'),
+      key: 'dateRequested',
+    },
+  ];
+
+  const tableRows =
+    orders?.map((activeRequest) => {
+      return {
+        id: `${activeRequest.orderUuid}`,
+        patientName: activeRequest.patientName,
+        cccKdod: activeRequest.cccKdod,
+        dateRequested: activeRequest.dateRequested,
+      };
+    }) ?? [];
+  return (
+    <div className={styles.widgetContainer}>
+      <DataTable
+        useZebraStyles
+        size="sm"
+        rows={tableRows ?? []}
+        headers={headers}
+        render={({ rows, headers, getHeaderProps, getRowProps, getTableProps, getTableContainerProps }) => (
+          <>
+            <TableContainer {...getTableContainerProps()}>
+              <Table {...getTableProps()}>
+                <TableHead>
+                  <TableRow>
+                    {headers.map((header, i) => (
+                      <TableHeader key={i} {...getHeaderProps({ header })}>
+                        {header.header}
+                      </TableHeader>
+                    ))}
+                  </TableRow>
+                </TableHead>
+                <TableBody>
+                  {rows.map((row, i) => (
+                    <TableRow key={i} {...getRowProps({ row })} onClick={(evt) => {}}>
+                      {row.cells.map((cell) => (
+                        <TableCell key={cell.id}>{cell.value}</TableCell>
+                      ))}
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </TableContainer>
+          </>
+        )}
+      />
+    </div>
+  );
+};
+
+export default ActiveOrdersSelectionPreview;
diff --git a/packages/esm-lab-manifest-app/src/forms/lab-manifest-form.scss b/packages/esm-lab-manifest-app/src/forms/lab-manifest-form.scss
index 2b511513f..c252e85f2 100644
--- a/packages/esm-lab-manifest-app/src/forms/lab-manifest-form.scss
+++ b/packages/esm-lab-manifest-app/src/forms/lab-manifest-form.scss
@@ -121,3 +121,8 @@
     gap: spacing.$spacing-05;
   }
 }
+
+.previewContainer {
+  margin-top: spacing.$spacing-05;
+  margin-bottom: spacing.$spacing-05;
+}
diff --git a/packages/esm-lab-manifest-app/src/forms/lab-manifest-form.workspace.tsx b/packages/esm-lab-manifest-app/src/forms/lab-manifest-form.workspace.tsx
index 955d75299..fac7a09a5 100644
--- a/packages/esm-lab-manifest-app/src/forms/lab-manifest-form.workspace.tsx
+++ b/packages/esm-lab-manifest-app/src/forms/lab-manifest-form.workspace.tsx
@@ -11,27 +11,31 @@ import {
 } from '@carbon/react';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { DefaultWorkspaceProps, parseDate, showSnackbar, useConfig, useLayoutType } from '@openmrs/esm-framework';
-import React, { useEffect } from 'react';
+import React from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { z } from 'zod';
-import { LabManifestFilters, labManifestFormSchema, saveLabManifest } from '../lab-manifest.resources';
-import styles from './lab-manifest-form.scss';
-import { County, MappedLabManifest } from '../types';
-import { mutate } from 'swr';
 import { LabManifestConfig } from '../config-schema';
+import {
+  LabManifestFilters,
+  labManifestFormSchema,
+  mutateManifestLinks,
+  saveLabManifest,
+} from '../lab-manifest.resources';
+import { County, MappedLabManifest } from '../types';
+import styles from './lab-manifest-form.scss';
 interface LabManifestFormProps extends DefaultWorkspaceProps {
   patientUuid: string;
   manifest?: MappedLabManifest;
 }
 
-type ContactListFormType = z.infer<typeof labManifestFormSchema>;
+type LabManifestFormType = z.infer<typeof labManifestFormSchema>;
 
 const LabManifestForm: React.FC<LabManifestFormProps> = ({ closeWorkspace, manifest }) => {
   const { labmanifestTypes } = useConfig<LabManifestConfig>();
   const counties = require('../counties.json') as County[];
 
-  const form = useForm<ContactListFormType>({
+  const form = useForm<LabManifestFormType>({
     defaultValues: {
       ...manifest,
       manifestType: manifest?.manifestType ? Number(manifest.manifestType) : undefined,
@@ -45,18 +49,10 @@ const LabManifestForm: React.FC<LabManifestFormProps> = ({ closeWorkspace, manif
   const observableSelectedCounty = form.watch('county');
   const layout = useLayoutType();
   const controlSize = layout === 'tablet' ? 'xl' : 'sm';
-  const onSubmit = async (values: ContactListFormType) => {
+  const onSubmit = async (values: LabManifestFormType) => {
     try {
       await saveLabManifest(values, manifest?.uuid);
-      const mutateLinks = [
-        `/ws/rest/v1/labmanifest?v=full&status=${values.manifestStatus}`,
-        `/ws/rest/v1/kemrorder/validorders?manifestUuid=${manifest?.uuid}`,
-        `/ws/rest/v1/labmanifest/${manifest?.uuid}`,
-      ];
-      mutate((key) => {
-        return typeof key === 'string' && mutateLinks.some((link) => key.startsWith(link));
-      });
-
+      mutateManifestLinks(manifest?.uuid, values?.manifestStatus);
       closeWorkspace();
       showSnackbar({ title: 'Success', kind: 'success', subtitle: 'Lab manifest created successfully!' });
     } catch (error) {
@@ -73,10 +69,11 @@ const LabManifestForm: React.FC<LabManifestFormProps> = ({ closeWorkspace, manif
             name="startDate"
             render={({ field }) => (
               <DatePicker
+                value={field.value}
+                onChange={field.onChange}
                 dateFormat="d/m/Y"
                 id="startDate"
                 datePickerType="single"
-                {...field}
                 invalid={form.formState.errors[field.name]?.message}
                 invalidText={form.formState.errors[field.name]?.message}>
                 <DatePickerInput
@@ -96,10 +93,11 @@ const LabManifestForm: React.FC<LabManifestFormProps> = ({ closeWorkspace, manif
             name="endDate"
             render={({ field }) => (
               <DatePicker
+                value={field.value}
+                onChange={field.onChange}
                 dateFormat="d/m/Y"
                 id="endDate"
                 datePickerType="single"
-                {...field}
                 invalid={form.formState.errors[field.name]?.message}
                 invalidText={form.formState.errors[field.name]?.message}>
                 <DatePickerInput
@@ -137,7 +135,6 @@ const LabManifestForm: React.FC<LabManifestFormProps> = ({ closeWorkspace, manif
           />
         </Column>
         <span className={styles.sectionHeader}>Dispatch status</span>
-
         <Column>
           <Controller
             control={form.control}
@@ -347,7 +344,7 @@ const LabManifestForm: React.FC<LabManifestFormProps> = ({ closeWorkspace, manif
         <Button className={styles.button} kind="secondary" onClick={closeWorkspace}>
           {t('discard', 'Discard')}
         </Button>
-        <Button className={styles.button} kind="primary" type="submit" disabled={form.formState.isSubmitting}>
+        <Button className={styles.button} kind="primary" disabled={form.formState.isSubmitting} type="submit">
           {t('submit', 'Submit')}
         </Button>
       </ButtonSet>
diff --git a/packages/esm-lab-manifest-app/src/forms/lab-manifest-orders-to-manifest.modal.tsx b/packages/esm-lab-manifest-app/src/forms/lab-manifest-orders-to-manifest.modal.tsx
index 68a8c15cc..79929df29 100644
--- a/packages/esm-lab-manifest-app/src/forms/lab-manifest-orders-to-manifest.modal.tsx
+++ b/packages/esm-lab-manifest-app/src/forms/lab-manifest-orders-to-manifest.modal.tsx
@@ -19,14 +19,21 @@ import { Controller, useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { mutate } from 'swr';
 import { z } from 'zod';
-import { addOrderToManifest, labManifestOrderToManifestFormSchema, sampleTypes } from '../lab-manifest.resources';
-import styles from './lab-manifest-form.scss';
 import { useLabManifest } from '../hooks';
+import {
+  addOrderToManifest,
+  labManifestOrderToManifestFormSchema,
+  mutateManifestLinks,
+  sampleTypes,
+} from '../lab-manifest.resources';
+import { ActiveRequestOrder } from '../types';
+import ActiveOrdersSelectionPreview from './active-order-selection-preview';
+import styles from './lab-manifest-form.scss';
 
 interface LabManifestOrdersToManifestFormProps {
   onClose: () => void;
   props: {
-    title?: string;
+    orders?: Array<ActiveRequestOrder>;
     selectedOrders: Array<{
       labManifest: {
         uuid: string;
@@ -43,7 +50,7 @@ type OrderToManifestFormType = z.infer<typeof labManifestOrderToManifestFormSche
 
 const LabManifestOrdersToManifestForm: React.FC<LabManifestOrdersToManifestFormProps> = ({
   onClose,
-  props: { title, selectedOrders },
+  props: { selectedOrders, orders },
 }) => {
   const { t } = useTranslation();
   const form = useForm<OrderToManifestFormType>({
@@ -64,14 +71,7 @@ const LabManifestOrdersToManifestForm: React.FC<LabManifestOrdersToManifestFormP
           showSnackbar({ title: 'Failure', kind: 'error', subtitle: 'Error adding order to the manifest' });
         }
       });
-      const mutateLinks = [
-        `/ws/rest/v1/labmanifest?v=full&status=${manifest.manifestStatus}`,
-        `/ws/rest/v1/kemrorder/validorders?manifestUuid=${manifest?.uuid}`,
-        `/ws/rest/v1/labmanifest/${manifest?.uuid}`,
-      ];
-      mutate((key) => {
-        return typeof key === 'string' && mutateLinks.some((link) => key.startsWith(link));
-      });
+      mutateManifestLinks(manifest?.uuid, manifest?.manifestStatus);
       onClose();
     } catch (error) {
       showSnackbar({ title: 'Failure', kind: 'error', subtitle: 'Error adding orders to the manifest' });
@@ -82,7 +82,7 @@ const LabManifestOrdersToManifestForm: React.FC<LabManifestOrdersToManifestFormP
     <React.Fragment>
       <Form onSubmit={form.handleSubmit(onSubmit)}>
         <ModalHeader closeModal={onClose} className={styles.heading}>
-          {title ?? t('updateSampleDetails', 'Update Sample Details')}
+          {t('updateSampleDetails', 'Update Sample Details')}
         </ModalHeader>
         <ModalBody>
           <Stack gap={4} className={styles.grid}>
@@ -154,16 +154,19 @@ const LabManifestOrdersToManifestForm: React.FC<LabManifestOrdersToManifestFormP
                 />
               </Column>
             </Row>
+            <div className={styles.previewContainer}>
+              <ActiveOrdersSelectionPreview orders={orders} />
+            </div>
           </Stack>
         </ModalBody>
         <ModalFooter>
           <ButtonSet className={styles.buttonSet}>
-            <Button className={styles.button} kind="primary" disabled={form.formState.isSubmitting} type="submit">
-              Submit
-            </Button>
             <Button className={styles.button} kind="secondary" onClick={onClose}>
               Cancel
             </Button>
+            <Button className={styles.button} kind="primary" disabled={form.formState.isSubmitting} type="submit">
+              Add Samples
+            </Button>
           </ButtonSet>
         </ModalFooter>
       </Form>
diff --git a/packages/esm-lab-manifest-app/src/forms/sample-delete-confirm-dialog.modal.tsx b/packages/esm-lab-manifest-app/src/forms/sample-delete-confirm-dialog.modal.tsx
index 29bf3d33e..f0a54d2d0 100644
--- a/packages/esm-lab-manifest-app/src/forms/sample-delete-confirm-dialog.modal.tsx
+++ b/packages/esm-lab-manifest-app/src/forms/sample-delete-confirm-dialog.modal.tsx
@@ -1,24 +1,126 @@
-import { Button, ButtonSet, ModalBody, ModalFooter, ModalHeader } from '@carbon/react';
+import {
+  Button,
+  ButtonSet,
+  DataTable,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  Stack,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@carbon/react';
+import { formatDate, parseDate } from '@openmrs/esm-framework';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import styles from '../tables/lab-manifest-table.scss';
+import { LabManifestSample } from '../types';
 
 interface SampleDeleteConfirmDialogProps {
   onClose: () => void;
   onDelete: () => void;
+  samples?: Array<LabManifestSample>;
 }
-const SampleDeleteConfirmDialog: React.FC<SampleDeleteConfirmDialogProps> = ({ onClose, onDelete }) => {
+const SampleDeleteConfirmDialog: React.FC<SampleDeleteConfirmDialogProps> = ({ onClose, onDelete, samples = [] }) => {
   const { t } = useTranslation();
 
+  const headers = [
+    {
+      header: t('patientIdentifier', 'Patient Identifier'),
+      key: 'cccKDODNumber',
+    },
+    {
+      header: t('batchNumber', 'Batch Number'),
+      key: 'batchNumber',
+    },
+    {
+      header: t('sampleType', 'Sample type'),
+      key: 'sampleType',
+    },
+    {
+      header: t('dateRequested', 'Date Requested'),
+      key: 'dateRequested',
+    },
+    {
+      header: t('resultDate', 'Result Date'),
+      key: 'resultDate',
+    },
+    {
+      header: t('result', 'Result'),
+      key: 'result',
+    },
+  ];
+
+  const tableRows =
+    samples.map((sample) => {
+      return {
+        id: `${sample.uuid}`,
+        sampleType: sample.sampleType ?? '--',
+        status: sample.status,
+        batchNumber: sample.batchNumber ?? '--',
+        cccKDODNumber: sample?.order?.patient?.identifiers[0]?.identifier ?? '--',
+        dateRequested: sample.dateSent ? formatDate(parseDate(sample.dateSent)) : '--',
+        resultDate: sample.resultDate ? formatDate(parseDate(sample.resultDate)) : '--',
+        result: sample.result ?? '--',
+      };
+    }) ?? [];
+
   return (
     <React.Fragment>
-      <ModalHeader closeModal={onClose}>{t('warning', 'Warning!')}</ModalHeader>
-      <ModalBody>Are you sure you want to delete sample.This action is irriversible?</ModalBody>
+      <ModalHeader className={styles.sectionHeader} closeModal={onClose}>
+        {t('removeSampledFromManifest', 'Remove Samples from Manifest')}
+      </ModalHeader>
+      <ModalBody>
+        <Stack>
+          <span className={styles.modalQuiz}>
+            Are you sure yu would like to remove bellow samples from the manifest?
+          </span>
+          <div className={styles.widgetContainer}>
+            <DataTable
+              useZebraStyles
+              size="sm"
+              rows={tableRows ?? []}
+              headers={headers}
+              render={({ rows, headers, getHeaderProps, getRowProps, getTableProps, getTableContainerProps }) => (
+                <>
+                  <TableContainer {...getTableContainerProps()}>
+                    <Table {...getTableProps()}>
+                      <TableHead>
+                        <TableRow>
+                          {headers.map((header, i) => (
+                            <TableHeader key={i} {...getHeaderProps({ header })}>
+                              {header.header}
+                            </TableHeader>
+                          ))}
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {rows.map((row, i) => (
+                          <TableRow key={i} {...getRowProps({ row })} onClick={(evt) => {}}>
+                            {row.cells.map((cell) => (
+                              <TableCell key={cell.id}>{cell.value}</TableCell>
+                            ))}
+                          </TableRow>
+                        ))}
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                </>
+              )}
+            />
+          </div>
+        </Stack>
+      </ModalBody>
       <ModalFooter>
-        <ButtonSet>
-          <Button kind="secondary" onClick={onClose}>
+        <ButtonSet className={styles.buttonSet}>
+          <Button kind="secondary" onClick={onClose} className={styles.button}>
             Cancel
           </Button>
-          <Button kind="primary" onClick={onDelete}>
+          <Button kind="danger" onClick={onDelete} className={styles.button}>
             Remove
           </Button>
         </ButtonSet>
diff --git a/packages/esm-lab-manifest-app/src/header/lab-manifest-detail-header.component.tsx b/packages/esm-lab-manifest-app/src/header/lab-manifest-detail-header.component.tsx
index a6f826801..d2f29cc9e 100644
--- a/packages/esm-lab-manifest-app/src/header/lab-manifest-detail-header.component.tsx
+++ b/packages/esm-lab-manifest-app/src/header/lab-manifest-detail-header.component.tsx
@@ -1,4 +1,4 @@
-import { Button, ButtonSet, SkeletonText } from '@carbon/react';
+import { Button, ButtonSet, Layer, Row, SkeletonText, Tile } from '@carbon/react';
 import { ArrowLeft, Edit } from '@carbon/react/icons';
 import { formatDate, launchWorkspace, navigate, parseDate } from '@openmrs/esm-framework';
 import React from 'react';
@@ -27,47 +27,51 @@ const LabManifestDetailHeader: React.FC<LabManifestDetailHeaderProps> = ({ manif
 
   if (isLoading) {
     return (
-      <div className={styles.manifestDetailHeader}>
-        <div className={styles.manifestDetailContent}>
-          {Array.from({ length: 3 }).map((_) => (
-            <SkeletonText style={{ maxWidth: '400px' }} />
-          ))}
-        </div>
-      </div>
+      <Layer className={styles.detailHeaderContainer}>
+        <Tile className={styles.detailHeaderContentLoading}>
+          <Row className={styles.detailHeaderContentRow}>
+            {Array.from({ length: 8 }).map((_, index) => (
+              <SkeletonText style={{ maxWidth: '100px' }} key={index} />
+            ))}
+          </Row>
+          <hr />
+          <Row className={styles.detailHeaderContentRow}>
+            <SkeletonText style={{ maxWidth: '100px' }} />
+            <SkeletonText style={{ maxWidth: '100px' }} />
+          </Row>
+        </Tile>
+      </Layer>
     );
   }
 
   return (
-    <div>
-      <div className={styles.manifestDetailHeader}>
-        <div className={styles.manifestDetailContent}>
-          <div>
-            <strong>Date:</strong>
-            {manifest.startDate ? formatDate(parseDate(manifest.startDate)) : '--'} <strong>To</strong>{' '}
-            {manifest.endDate ? formatDate(parseDate(manifest.endDate)) : '--'}
-          </div>
-          <div>
-            <strong>Status:</strong>
-            {manifest.manifestStatus} | <strong>Type</strong> : {manifest.manifestType} | <strong>Courrier:</strong>
-            {manifest.courierName}
-          </div>
-          <div>
-            <strong>Dispatch Date:</strong>
-            {manifest.dispatchDate ? formatDate(parseDate(manifest.dispatchDate)) : '--'} |{' '}
-            <strong>Lab person Contact:</strong>
-            {manifest.labPersonContact}
-          </div>
-        </div>
-      </div>
+    <Layer className={styles.detailHeaderContainer}>
+      <Tile className={styles.detailHeaderContent}>
+        <Row className={styles.detailHeaderContentRow}>
+          <span>Start date:</span>
+          <strong>{manifest.startDate ? formatDate(parseDate(manifest.startDate)) : '--'}</strong>
+          <span>End date:</span>
+          <strong>{manifest.endDate ? formatDate(parseDate(manifest.endDate)) : '--'}</strong>
+          <span>Status:</span>
+          <strong>{manifest.manifestStatus}</strong>
+          <span>Dispatch date:</span>
+          <strong>{manifest.dispatchDate ? formatDate(parseDate(manifest.dispatchDate)) : '--'}</strong>
+        </Row>
+        <hr />
+        <Row className={styles.detailHeaderContentRow}>
+          <span>Total Samples in the Manifest</span>
+          <span className={styles.samplesCountValue}>{manifest.samples.length}</span>
+        </Row>
+      </Tile>
       <ButtonSet className={styles.btnSet}>
         <Button kind="tertiary" renderIcon={ArrowLeft} onClick={handleGoBack}>
           {t('back', 'Back')}
         </Button>
-        <Button kind="tertiary" renderIcon={Edit} onClick={handleEditManifest}>
+        <Button kind="primary" renderIcon={Edit} onClick={handleEditManifest}>
           {t('editManifest', 'Edit Manifest')}
         </Button>
       </ButtonSet>
-    </div>
+    </Layer>
   );
 };
 
diff --git a/packages/esm-lab-manifest-app/src/header/lab-manifest-header.component.tsx b/packages/esm-lab-manifest-app/src/header/lab-manifest-header.component.tsx
index 484ae4d59..d356a8b8d 100644
--- a/packages/esm-lab-manifest-app/src/header/lab-manifest-header.component.tsx
+++ b/packages/esm-lab-manifest-app/src/header/lab-manifest-header.component.tsx
@@ -18,7 +18,7 @@ export const LabManifestHeader: React.FC<LabManifestHeaderProps> = ({ title }) =
       <div className={styles['leftJustifiedItems']}>
         <LabManifestIllustration />
         <div className={styles['pageLabels']}>
-          <p>{t('labManifest', 'Lab manifest Management')}</p>
+          <p>{t('labManifest', 'Lab Manifest')}</p>
           <p className={styles['pageName']}>{title}</p>
         </div>
       </div>
diff --git a/packages/esm-lab-manifest-app/src/header/lab-manifest-header.scss b/packages/esm-lab-manifest-app/src/header/lab-manifest-header.scss
index 6931821f9..c082a318d 100644
--- a/packages/esm-lab-manifest-app/src/header/lab-manifest-header.scss
+++ b/packages/esm-lab-manifest-app/src/header/lab-manifest-header.scss
@@ -99,7 +99,36 @@ svg.iconOverrides {
 .btnSet {
   display: flex;
   justify-content: space-between;
-  padding: spacing.$spacing-05;
+  margin-top: spacing.$spacing-05;
+  margin-bottom: spacing.$spacing-05;
+
+  flex-flow: row wrap;
+  align-items: center;
+}
+
+.detailHeaderContainer {
+  margin: spacing.$spacing-05;
+  flex-flow: row wrap;
+  justify-content: space-between;
+}
+
+.detailHeaderContent {
+  background-color: $color-gray-30;
+  width: fit-content;
+}
+
+.detailHeaderContentLoading {
+  background-color: $color-gray-30;
+  max-width: 70%;
+}
+
+.detailHeaderContentRow {
+  display: flex;
   flex-flow: row wrap;
+  gap: spacing.$spacing-08;
   align-items: center;
 }
+
+.samplesCountValue {
+  @include type.type-style('heading-04');
+}
diff --git a/packages/esm-lab-manifest-app/src/hooks/useActiveRequests.ts b/packages/esm-lab-manifest-app/src/hooks/useActiveRequests.ts
index 2a11f3ccd..c41dfbb41 100644
--- a/packages/esm-lab-manifest-app/src/hooks/useActiveRequests.ts
+++ b/packages/esm-lab-manifest-app/src/hooks/useActiveRequests.ts
@@ -1,11 +1,10 @@
 import { FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
 import useSWR from 'swr';
-import { activeRequests } from '../lab-manifest.mock';
-import { ActiveRequests } from '../types';
+import { ActiveRequest } from '../types';
 
 const useActiveRequests = (labManifestUuid: string) => {
   const url = `${restBaseUrl}/kemrorder/validorders?manifestUuid=${labManifestUuid}`;
-  const { isLoading, error, data } = useSWR<FetchResponse<ActiveRequests>>(url, openmrsFetch);
+  const { isLoading, error, data } = useSWR<FetchResponse<ActiveRequest>>(url, openmrsFetch);
 
   return {
     isLoading,
diff --git a/packages/esm-lab-manifest-app/src/hooks/useLabManifestAggregates.ts b/packages/esm-lab-manifest-app/src/hooks/useLabManifestAggregates.ts
new file mode 100644
index 000000000..523f007ad
--- /dev/null
+++ b/packages/esm-lab-manifest-app/src/hooks/useLabManifestAggregates.ts
@@ -0,0 +1,28 @@
+import { FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import useSWR from 'swr';
+import { extractLabManifest } from '../lab-manifest.resources';
+import { LabManifest } from '../types';
+const fetchLabManifestsByStatus = async (status: string) => {
+  const url = `${restBaseUrl}/labmanifest?v=full&status=${status}`;
+  const response = await openmrsFetch<{ results: Array<LabManifest> }>(url);
+  return response?.data?.results.map(extractLabManifest);
+};
+
+// TODO -> oPTIOMOZE BY CACHING AND RETREVING FROM CACHE
+const useLabManifestAggregates = (statuses: Array<string>) => {
+  const { data, error, isValidating } = useSWR(
+    statuses.length ? `labmanifest-aggregate-${statuses.join(',')}` : null,
+    async () => {
+      const results = await Promise.all(statuses.map((status) => fetchLabManifestsByStatus(status)));
+      return results.flat();
+    },
+  );
+
+  return {
+    isLoading: isValidating,
+    manifests: data || [],
+    error,
+  };
+};
+
+export default useLabManifestAggregates;
diff --git a/packages/esm-lab-manifest-app/src/lab-manifest.mock.ts b/packages/esm-lab-manifest-app/src/lab-manifest.mock.ts
deleted file mode 100644
index 3298ebd0a..000000000
--- a/packages/esm-lab-manifest-app/src/lab-manifest.mock.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { ActiveRequests, MappedLabManifest, LabManifestSample } from './types';
-
-export const labManifestSamples: Array<LabManifestSample> = [];
-
-export const activeRequests: Array<ActiveRequests> = [];
diff --git a/packages/esm-lab-manifest-app/src/lab-manifest.resources.ts b/packages/esm-lab-manifest-app/src/lab-manifest.resources.ts
index f769cf759..9afcdd52d 100644
--- a/packages/esm-lab-manifest-app/src/lab-manifest.resources.ts
+++ b/packages/esm-lab-manifest-app/src/lab-manifest.resources.ts
@@ -1,6 +1,7 @@
 import { openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
 import { z } from 'zod';
 import { LabManifest, MappedLabManifest } from './types';
+import { mutate } from 'swr';
 
 export const LabManifestFilters = [
   {
@@ -118,6 +119,17 @@ export const addOrderToManifest = async (data: z.infer<typeof labManifestOrderTo
   });
 };
 
+export const mutateManifestLinks = (manifestUuid?: string, manifestStatus?: string) => {
+  const mutateLinks = [
+    `/ws/rest/v1/labmanifest?v=full&status=${manifestStatus}`,
+    `/ws/rest/v1/kemrorder/validorders?manifestUuid=${manifestUuid}`,
+    `/ws/rest/v1/labmanifest/${manifestUuid}`,
+  ];
+  mutate((key) => {
+    return typeof key === 'string' && mutateLinks.some((link) => key.startsWith(link));
+  });
+};
+
 export const removeSampleFromTheManifest = async (orderUuid: string) => {
   let url = `${restBaseUrl}/labmanifestorder/${orderUuid}`;
   const abortController = new AbortController();
diff --git a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-card.component.tsx b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-card.component.tsx
new file mode 100644
index 000000000..41228bb54
--- /dev/null
+++ b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-card.component.tsx
@@ -0,0 +1,33 @@
+import { Column, Layer, Row } from '@carbon/react';
+import React from 'react';
+import useLabManifestAggregates from '../hooks/useLabManifestAggregates';
+import LabManifestMetricValue from './lab-manifest-metric-value.component';
+import styles from './lab-manifest-metrics.scss';
+
+interface MetricCardProps {
+  title: string;
+  status?: Array<{ status: string; color?: string }>;
+}
+
+const MetricCard: React.FC<MetricCardProps> = ({ title, status = [] }) => {
+  const { isLoading, error, manifests } = useLabManifestAggregates(status.map((s) => s.status));
+  return (
+    <Layer className={styles.metricCardContainer}>
+      <p>{title}</p>
+      <Row className={styles.metricCardRow}>
+        <Column>
+          <p className={styles.metricCardAgregateValue}>{manifests?.length}</p>
+        </Column>
+        <Column>
+          <Row className={styles.metricCardStatusRow}>
+            {status.map(({ status, color }, index) => (
+              <LabManifestMetricValue status={status} color={color} key={index} />
+            ))}
+          </Row>
+        </Column>
+      </Row>
+    </Layer>
+  );
+};
+
+export default MetricCard;
diff --git a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-status-aggegate-value.component.tsx b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-status-aggegate-value.component.tsx
new file mode 100644
index 000000000..d45dacb99
--- /dev/null
+++ b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-status-aggegate-value.component.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+type LabManifestStatusAggregateValueProps = {
+  status?: Array<string>;
+};
+
+const LabManifestStatusAggregateValue: React.FC<LabManifestStatusAggregateValueProps> = ({ status = [] }) => {
+  return <div>LabManifestStatusAggregateValue</div>;
+};
+
+export default LabManifestStatusAggregateValue;
diff --git a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-value.component.tsx b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-value.component.tsx
index 786b7d963..a819992d9 100644
--- a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-value.component.tsx
+++ b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metric-value.component.tsx
@@ -1,23 +1,26 @@
+import { SkeletonText } from '@carbon/react';
 import React from 'react';
 import { useLabManifests } from '../hooks';
-import { SkeletonText } from '@carbon/react';
 import styles from './lab-manifest-metrics.scss';
 
 interface LabManifestMetricValueProps {
   status: string;
+  color?: string;
 }
 
-const LabManifestMetricValue: React.FC<LabManifestMetricValueProps> = ({ status }) => {
+const LabManifestMetricValue: React.FC<LabManifestMetricValueProps> = ({ status, color }) => {
   const { error, isLoading, manifests } = useLabManifests(status);
   if (isLoading) {
-    return <SkeletonText className={styles.metricContainer} />;
+    return <SkeletonText className={styles.labManifestStatusMetricValue} />;
   }
   if (error) {
     return;
   }
   return (
     <span>
-      <strong>{status}</strong>: {manifests.length}
+      <span style={{ color }}>{status}</span> <br />
+      <br />
+      {manifests?.length ?? '--'}
     </span>
   );
 };
diff --git a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics-header.component.tsx b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics-header.component.tsx
deleted file mode 100644
index a52095a5c..000000000
--- a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics-header.component.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Button } from '@carbon/react';
-import { ArrowRight } from '@carbon/react/icons';
-import { launchWorkspace } from '@openmrs/esm-framework';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import styles from './lab-manifest-header.scss';
-
-const MetricsHeader = () => {
-  const { t } = useTranslation();
-  const metricsTitle = t('labManifestSummary', 'Lab Manifest Summary');
-
-  const handleAddLabManifest = () => {
-    launchWorkspace('lab-manifest-form', {
-      workspaceTitle: 'Lab Manifest Form',
-    });
-  };
-
-  return (
-    <div className={styles.metricsContainer}>
-      <span className={styles.metricsTitle}>{metricsTitle}</span>
-      <div className={styles.actionBtn}>
-        <Button
-          kind="tertiary"
-          renderIcon={(props) => <ArrowRight size={16} {...props} />}
-          iconDescription={t('addNewManifest', 'Add new Manifest')}
-          onClick={handleAddLabManifest}>
-          {t('addNewManifest', 'Add new Manifest')}
-        </Button>
-      </div>
-    </div>
-  );
-};
-
-export default MetricsHeader;
diff --git a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics.component.tsx b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics.component.tsx
index fdb055db6..fef98065b 100644
--- a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics.component.tsx
+++ b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics.component.tsx
@@ -1,9 +1,10 @@
+import { Button, Layer } from '@carbon/react';
+import { ArrowRight } from '@carbon/react/icons';
+import { launchWorkspace } from '@openmrs/esm-framework';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { LabManifestFilters } from '../lab-manifest.resources';
-import MetricsHeader from './lab-manifest-metrics-header.component';
+import MetricCard from './lab-manifest-metric-card.component';
 import styles from './lab-manifest-metrics.scss';
-import LabManifestMetricValue from './lab-manifest-metric-value.component';
 
 export interface Service {
   uuid: string;
@@ -12,15 +13,56 @@ export interface Service {
 
 function LabManifestMetrics() {
   const { t } = useTranslation();
+
+  const handleAddLabManifest = () => {
+    launchWorkspace('lab-manifest-form', {
+      workspaceTitle: 'Lab Manifest Form',
+    });
+  };
+
   return (
-    <>
-      <MetricsHeader />
-      <div className={styles.cardContainer} data-testid="clinic-metrics">
-        {LabManifestFilters.map((f, index) => (
-          <LabManifestMetricValue status={f.value} />
-        ))}
-      </div>
-    </>
+    <Layer className={styles.metricContainer}>
+      <Layer className={styles.cardContainer} data-testid="clinic-metrics">
+        <MetricCard
+          title="TotalManifest"
+          status={[
+            { status: 'Draft', color: 'red' },
+            { status: 'On Hold', color: 'orange' },
+            { status: 'Ready to send', color: 'green' },
+          ]}
+        />
+        <MetricCard
+          title="Ready to send"
+          status={[
+            { status: 'Sending', color: 'red' },
+            { status: 'Submitted', color: 'orange' },
+          ]}
+        />
+        <MetricCard
+          title="Manifest With Errors"
+          status={[
+            { status: 'Complete errors', color: 'red' },
+            { status: 'Incomplete errors', color: 'orange' },
+          ]}
+        />
+        <MetricCard
+          title="Manifest With Results"
+          status={[
+            { status: 'Complete results', color: 'green' },
+            { status: 'Incomplete results', color: 'orange' },
+          ]}
+        />
+      </Layer>
+      <Layer className={styles.btnLayer}>
+        <Button
+          kind="tertiary"
+          renderIcon={(props) => <ArrowRight size={16} {...props} />}
+          iconDescription={t('addNewManifest', 'Add new Manifest')}
+          onClick={handleAddLabManifest}>
+          {t('addNewManifest', 'Add new Manifest')}
+        </Button>
+      </Layer>
+    </Layer>
   );
 }
 
diff --git a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics.scss b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics.scss
index 0ba17571f..e3f410f1d 100644
--- a/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics.scss
+++ b/packages/esm-lab-manifest-app/src/metrics/lab-manifest-metrics.scss
@@ -1,17 +1,58 @@
 @use '@carbon/styles/scss/spacing';
 @use '@carbon/colors';
+@use '@carbon/styles/scss/type';
 @import '~@openmrs/esm-styleguide/src/vars';
 
 .cardContainer {
-  background-color: $color-gray-30;
   display: flex;
-  justify-content: space-between;
-  padding: spacing.$spacing-05;
   flex-flow: row wrap;
   margin-top: spacing.$spacing-05;
   gap: spacing.$spacing-05;
 }
 
 .metricContainer {
+  padding: spacing.$spacing-05;
+}
+
+.labManifestStatusMetricValue {
   max-width: spacing.$spacing-13;
 }
+
+.btnLayer {
+  display: flex;
+  margin-top: spacing.$spacing-05;
+  margin-bottom: spacing.$spacing-05;
+  flex-direction: row;
+  justify-content: flex-end;
+  width: 100%;
+}
+
+.metricCardContainer {
+  border: $color-gray-30 solid spacing.$spacing-01;
+  padding: spacing.$spacing-03;
+  flex-grow: 1;
+  & > p {
+    @include type.type-style('heading-02');
+    margin-bottom: spacing.$spacing-03;
+  }
+}
+
+.metricCardStatusRow {
+  display: flex;
+  flex-flow: row wrap;
+  gap: spacing.$spacing-05;
+}
+
+.metricCardRow {
+  display: flex;
+  flex-flow: row wrap;
+  gap: spacing.$spacing-05;
+  justify-content: space-between;
+  padding-top: spacing.$spacing-05;
+  align-items: center;
+}
+
+.metricCardAgregateValue {
+  @include type.type-style('heading-05');
+  font-weight: var(--cds-heading-05-font-weight, 100);
+}
diff --git a/packages/esm-lab-manifest-app/src/tables/lab-manifest-active-requests.component.tsx b/packages/esm-lab-manifest-app/src/tables/lab-manifest-active-requests.component.tsx
index f0708f6d0..5f425c8c4 100644
--- a/packages/esm-lab-manifest-app/src/tables/lab-manifest-active-requests.component.tsx
+++ b/packages/esm-lab-manifest-app/src/tables/lab-manifest-active-requests.component.tsx
@@ -69,6 +69,7 @@ const LabManifestActiveRequests: React.FC<LabManifestActiveRequestsProps> = ({ m
         props: {
           title: selected.length > 1 ? 'Add Multiple Orders To Manifest' : undefined,
           selectedOrders: selected,
+          orders: request.Orders.filter((order) => selected.some((o) => o.order.uuid === order.orderUuid)),
         },
       });
     }
@@ -85,6 +86,7 @@ const LabManifestActiveRequests: React.FC<LabManifestActiveRequestsProps> = ({ m
           <Button
             kind="tertiary"
             iconDescription={t('addToManifest', 'Add To manifest')}
+            renderIcon={Add}
             onClick={() =>
               handleAddSelectedToManifest([
                 {
diff --git a/packages/esm-lab-manifest-app/src/tables/lab-manifest-samples.component.tsx b/packages/esm-lab-manifest-app/src/tables/lab-manifest-samples.component.tsx
index 85f8856b6..6f47585de 100644
--- a/packages/esm-lab-manifest-app/src/tables/lab-manifest-samples.component.tsx
+++ b/packages/esm-lab-manifest-app/src/tables/lab-manifest-samples.component.tsx
@@ -10,26 +10,18 @@ import {
   TableHead,
   TableHeader,
   TableRow,
+  TableSelectAll,
+  TableSelectRow,
 } from '@carbon/react';
-import { TrashCan, View } from '@carbon/react/icons';
-import {
-  ErrorState,
-  formatDate,
-  navigate,
-  parseDate,
-  showModal,
-  showSnackbar,
-  useLayoutType,
-  usePagination,
-} from '@openmrs/esm-framework';
+import { TrashCan } from '@carbon/react/icons';
+import { ErrorState, formatDate, parseDate, showModal, showSnackbar, usePagination } from '@openmrs/esm-framework';
 import { CardHeader, EmptyState, usePaginationInfo } from '@openmrs/esm-patient-common-lib';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import styles from './lab-manifest-table.scss';
 import { useLabManifest } from '../hooks';
+import { mutateManifestLinks, removeSampleFromTheManifest } from '../lab-manifest.resources';
 import { LabManifestSample } from '../types';
-import { removeSampleFromTheManifest } from '../lab-manifest.resources';
-import { mutate } from 'swr';
+import styles from './lab-manifest-table.scss';
 
 interface LabManifestSamplesProps {
   manifestUuid: string;
@@ -37,7 +29,7 @@ interface LabManifestSamplesProps {
 
 const LabManifestSamples: React.FC<LabManifestSamplesProps> = ({ manifestUuid }) => {
   const { error, isLoading, manifest } = useLabManifest(manifestUuid);
-  const samples = manifest?.samples ?? [];
+  const samples: Array<LabManifestSample> = manifest?.samples ?? [];
   const { t } = useTranslation();
   const [pageSize, setPageSize] = useState(10);
   const headerTitle = t('labManifestSamples', 'Lab Manifest Samples');
@@ -82,18 +74,11 @@ const LabManifestSamples: React.FC<LabManifestSamplesProps> = ({ manifestUuid })
   const handleDeleteManifestSample = (sampleUUid: string) => {
     const dispose = showModal('sample-delete-confirm-dialog', {
       onClose: () => dispose(),
+      samples: samples.filter((s) => s.uuid === sampleUUid),
       onDelete: async () => {
         try {
           await removeSampleFromTheManifest(sampleUUid);
-          const mutateLinks = [
-            `/ws/rest/v1/labmanifest?v=full&status=${manifest.manifestStatus}`,
-            `/ws/rest/v1/kemrorder/validorders?manifestUuid=${manifest.uuid}`,
-            `/ws/rest/v1/labmanifest/${manifest?.uuid}`,
-          ];
-          mutate((key) => {
-            return typeof key === 'string' && mutateLinks.some((link) => key.startsWith(link));
-          });
-
+          mutateManifestLinks(manifest?.uuid, manifest?.manifestStatus);
           dispose();
           showSnackbar({ title: 'Success', kind: 'success', subtitle: 'Sample removed from manifest successfully!' });
         } catch (e) {
@@ -103,6 +88,25 @@ const LabManifestSamples: React.FC<LabManifestSamplesProps> = ({ manifestUuid })
     });
   };
 
+  const handleDeleteSelectedSamples = (selected: Array<LabManifestSample>) => {
+    if (selected.length > 0) {
+      const dispose = showModal('sample-delete-confirm-dialog', {
+        onClose: () => dispose(),
+        samples: selected,
+        onDelete: async () => {
+          try {
+            const deleteMany = await Promise.allSettled(selected.map(({ uuid }) => removeSampleFromTheManifest(uuid)));
+            mutateManifestLinks(manifest?.uuid, manifest?.manifestStatus);
+            dispose();
+            showSnackbar({ title: 'Success', kind: 'success', subtitle: 'Sample removed from manifest successfully!' });
+          } catch (e) {
+            showSnackbar({ title: 'Failure', kind: 'error', subtitle: 'Error removing sample from the manifest' });
+          }
+        },
+      });
+    }
+  };
+
   const tableRows =
     (results as LabManifestSample[])?.map((sample) => {
       return {
@@ -118,7 +122,7 @@ const LabManifestSamples: React.FC<LabManifestSamplesProps> = ({ manifestUuid })
           <Button
             renderIcon={TrashCan}
             hasIconOnly
-            kind="tertiary"
+            kind="ghost"
             iconDescription={t('removeFromManifest', 'Remove from Manifest')}
             onClick={() => handleDeleteManifestSample(sample.uuid)}
           />
@@ -143,41 +147,61 @@ const LabManifestSamples: React.FC<LabManifestSamplesProps> = ({ manifestUuid })
   }
   return (
     <div className={styles.widgetContainer}>
-      <CardHeader title={headerTitle}>{''}</CardHeader>
       <DataTable
         useZebraStyles
         size="sm"
         rows={tableRows ?? []}
         headers={headers}
-        render={({ rows, headers, getHeaderProps, getTableProps, getTableContainerProps }) => (
-          <TableContainer {...getTableContainerProps()}>
-            <Table {...getTableProps()}>
-              <TableHead>
-                <TableRow>
-                  {headers.map((header) => (
-                    <TableHeader
-                      {...getHeaderProps({
-                        header,
-                        isSortable: header.isSortable,
-                      })}>
-                      {header.header?.content ?? header.header}
-                    </TableHeader>
-                  ))}
-                </TableRow>
-              </TableHead>
-              <TableBody>
-                {rows.map((row) => (
-                  <TableRow key={row.id}>
-                    {row.cells.map((cell) => (
-                      <TableCell key={cell.id}>{cell.value}</TableCell>
+        render={({
+          rows,
+          headers,
+          getHeaderProps,
+          getRowProps,
+          getSelectionProps,
+          getTableProps,
+          getTableContainerProps,
+          selectedRows,
+        }) => (
+          <>
+            <CardHeader title={headerTitle}>
+              <Button
+                onClick={() => {
+                  const data = selectedRows.map(({ id }) => samples.find((s) => s.uuid === id));
+                  handleDeleteSelectedSamples(data);
+                }}
+                renderIcon={TrashCan}
+                kind="ghost">
+                {t('deleteSelectedSamples', 'Remove Selected Samples')}
+              </Button>
+            </CardHeader>
+            <TableContainer {...getTableContainerProps()}>
+              <Table {...getTableProps()}>
+                <TableHead>
+                  <TableRow>
+                    <TableSelectAll {...getSelectionProps()} />
+                    {headers.map((header, i) => (
+                      <TableHeader key={i} {...getHeaderProps({ header })}>
+                        {header.header}
+                      </TableHeader>
                     ))}
                   </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          </TableContainer>
+                </TableHead>
+                <TableBody>
+                  {rows.map((row, i) => (
+                    <TableRow key={i} {...getRowProps({ row })} onClick={(evt) => {}}>
+                      <TableSelectRow {...getSelectionProps({ row })} />
+                      {row.cells.map((cell) => (
+                        <TableCell key={cell.id}>{cell.value}</TableCell>
+                      ))}
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </TableContainer>
+          </>
         )}
       />
+
       <Pagination
         page={currentPage}
         pageSize={pageSize}
diff --git a/packages/esm-lab-manifest-app/src/tables/lab-manifest-table.component.tsx b/packages/esm-lab-manifest-app/src/tables/lab-manifest-table.component.tsx
index 3ad4b7228..382c7c601 100644
--- a/packages/esm-lab-manifest-app/src/tables/lab-manifest-table.component.tsx
+++ b/packages/esm-lab-manifest-app/src/tables/lab-manifest-table.component.tsx
@@ -1,5 +1,6 @@
 import {
   Button,
+  ButtonSet,
   DataTable,
   DataTableSkeleton,
   Dropdown,
@@ -14,21 +15,25 @@ import {
   TableRow,
   Tile,
 } from '@carbon/react';
-import { View } from '@carbon/react/icons';
+import { Edit, View } from '@carbon/react/icons';
 import {
   ErrorState,
   formatDate,
   isDesktop,
+  launchWorkspace,
   navigate,
   parseDate,
+  useConfig,
   useLayoutType,
   usePagination,
 } from '@openmrs/esm-framework';
 import { CardHeader, EmptyDataIllustration, usePaginationInfo } from '@openmrs/esm-patient-common-lib';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { LabManifestConfig } from '../config-schema';
 import { useLabManifests } from '../hooks';
 import { LabManifestFilters } from '../lab-manifest.resources';
+import { MappedLabManifest } from '../types';
 import styles from './lab-manifest-table.scss';
 
 const LabManifestsTable = () => {
@@ -40,7 +45,7 @@ const LabManifestsTable = () => {
   const { manifests, error, isLoading } = useLabManifests(currFilter);
   const { results, totalPages, currentPage, goTo } = usePagination(manifests, pageSize);
   const { pageSizes } = usePaginationInfo(pageSize, totalPages, currentPage, results.length);
-
+  const { labmanifestTypes } = useConfig<LabManifestConfig>();
   const headers = [
     {
       header: t('startDate', 'Start date'),
@@ -88,6 +93,13 @@ const LabManifestsTable = () => {
     navigate({ to: window.getOpenmrsSpaBase() + `home/lab-manifest/${manifestUuid}` });
   };
 
+  const handleEditManifest = (manifest: MappedLabManifest) => {
+    launchWorkspace('lab-manifest-form', {
+      workspaceTitle: 'Lab Manifest Form',
+      manifest,
+    });
+  };
+
   const tableRows =
     results?.map((manifest) => {
       return {
@@ -96,19 +108,30 @@ const LabManifestsTable = () => {
         endDate: manifest.endDate ? formatDate(parseDate(manifest.endDate)) : '--',
         courrier: manifest.courierName ? manifest.courierName : '--',
         labPersonContact: manifest.labPersonContact ?? '--',
-        type: manifest.manifestType ?? '--',
+        type: labmanifestTypes.find((type) => `${type.id}` === manifest?.manifestType)?.type ?? '--',
         status: manifest.manifestStatus ?? '--',
         dispatch: manifest.dispatchDate ? formatDate(parseDate(manifest.dispatchDate)) : '--',
         manifestId: manifest.manifestId ?? '--',
         samples: `${manifest.samples.length}`,
         actions: (
-          <Button
-            renderIcon={View}
-            hasIconOnly
-            kind="tertiary"
-            iconDescription={t('view', 'View')}
-            onClick={() => handleViewManifestSamples(manifest.uuid)}
-          />
+          <ButtonSet className={styles.btnSet}>
+            <Button
+              className={styles.btn}
+              renderIcon={View}
+              hasIconOnly
+              kind="ghost"
+              iconDescription={t('view', 'View')}
+              onClick={() => handleViewManifestSamples(manifest.uuid)}
+            />
+            <Button
+              className={styles.btn}
+              renderIcon={Edit}
+              hasIconOnly
+              kind="ghost"
+              iconDescription={t('edit', 'Edit')}
+              onClick={() => handleEditManifest(manifest)}
+            />
+          </ButtonSet>
         ),
       };
     }) ?? [];
diff --git a/packages/esm-lab-manifest-app/src/tables/lab-manifest-table.scss b/packages/esm-lab-manifest-app/src/tables/lab-manifest-table.scss
index c186a70dd..88946a008 100644
--- a/packages/esm-lab-manifest-app/src/tables/lab-manifest-table.scss
+++ b/packages/esm-lab-manifest-app/src/tables/lab-manifest-table.scss
@@ -47,3 +47,38 @@
     }
   }
 }
+
+.btnSet {
+  flex-flow: row wrap;
+  gap: spacing.$spacing-03;
+}
+
+.btn {
+  padding-left: spacing.$spacing-05;
+  padding-right: spacing.$spacing-05;
+}
+
+.sectionHeader {
+  @include type.type-style('heading-02');
+}
+
+.modalQuiz {
+  margin-bottom: spacing.$spacing-05;
+}
+
+.button {
+  height: spacing.$spacing-10;
+  display: flex;
+  align-content: flex-start;
+  align-items: baseline;
+  min-width: 20%;
+}
+
+.buttonSet {
+  padding: 0rem;
+  margin-top: spacing.$spacing-05;
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin-bottom: spacing.$spacing-05;
+}
diff --git a/packages/esm-lab-manifest-app/src/types/index.ts b/packages/esm-lab-manifest-app/src/types/index.ts
index 9c20fae00..ffe74c8ca 100644
--- a/packages/esm-lab-manifest-app/src/types/index.ts
+++ b/packages/esm-lab-manifest-app/src/types/index.ts
@@ -58,22 +58,24 @@ export interface LabManifestSample {
   order: Order;
 }
 
-export interface ActiveRequests {
-  Orders: Array<{
-    orderId: number;
-    orderUuid: string;
-    patientId: number;
-    patientUuid: string;
-    patientName: string;
-    cccKdod: string;
-    dateRequested: string;
-    payload: string;
-    hasProblem;
-  }>;
+export interface ActiveRequest {
+  Orders: Array<ActiveRequestOrder>;
   cccNumberType: number;
   heiNumberType: number;
 }
 
+export interface ActiveRequestOrder {
+  orderId: number;
+  orderUuid: string;
+  patientId: number;
+  patientUuid: string;
+  patientName: string;
+  cccKdod: string;
+  dateRequested: string;
+  payload: string;
+  hasProblem;
+}
+
 export interface Constiuency {
   name: string;
   code: string;
diff --git a/packages/esm-lab-manifest-app/translations/en.json b/packages/esm-lab-manifest-app/translations/en.json
index b6a5bae82..1d516a93b 100644
--- a/packages/esm-lab-manifest-app/translations/en.json
+++ b/packages/esm-lab-manifest-app/translations/en.json
@@ -2,18 +2,22 @@
   "actions": "Actions",
   "activeRequests": "Active Requests",
   "addNewManifest": "Add new Manifest",
+  "addSelectedSamples": "Add Selected Samples",
+  "addToManifest": "Add To manifest",
   "back": "Back",
   "batchNumber": "Batch Number",
   "cccKDODNumber": "CCC/KDOD Number",
   "courrier": "Courrier",
   "dateRequested": "Date Requested",
+  "deleteSelectedSamples": "Remove Selected Samples",
   "dispatch": "Dispatch",
+  "edit": "Edit",
   "editManifest": "Edit Manifest",
   "endDate": "End Date",
   "lab Manifest": "Lab Manifest",
   "labManifest": "Lab manifest Management",
+  "labManifestDashboard": "Lab Manifest Dashboard",
   "labManifestSamples": "Lab Manifest Samples",
-  "labManifestSummary": "Lab Manifest Summary",
   "labPersonContact": "Lab person Contact",
   "manifestId": "Manifest Id",
   "manifestSamples": "Manifest samples",
diff --git a/packages/esm-patient-clinical-view-app/translations/en.json b/packages/esm-patient-clinical-view-app/translations/en.json
index b031ccb59..e2ad1adc9 100644
--- a/packages/esm-patient-clinical-view-app/translations/en.json
+++ b/packages/esm-patient-clinical-view-app/translations/en.json
@@ -80,6 +80,7 @@
   "htsScreening": "HTS Screening",
   "htsTestType": "Test type",
   "inPatientSummary": "In Patient Summary",
+  "ipvOutcome": "IPV Outcome",
   "labourAndDelivery": "Labour and Delivery",
   "listingDate": "Listing date",
   "livingWithClient": "Living with client",