diff --git a/client/src/components/time-ticket-modal/time-ticket-modal.component.jsx b/client/src/components/time-ticket-modal/time-ticket-modal.component.jsx
index 1785c193c..7d6daed41 100644
--- a/client/src/components/time-ticket-modal/time-ticket-modal.component.jsx
+++ b/client/src/components/time-ticket-modal/time-ticket-modal.component.jsx
@@ -21,6 +21,7 @@ import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
 import { HasRbacAccess } from "../rbac-wrapper/rbac-wrapper.component";
 import TimeTicketList from "../time-ticket-list/time-ticket-list.component";
 import JobEmployeeAssignmentsContainer from "./../job-employee-assignments/job-employee-assignments.container";
+import { PayrollLaborAllocationsTable } from "../labor-allocations-table/labor-allocations-table.payroll.component.jsx";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -49,7 +50,7 @@ export function TimeTicketModalComponent({
     splitKey: bodyshop.imexshopid
   });
 
-  const [loadLineTicketData, { loading, data: lineTicketData }] = useLazyQuery(GET_LINE_TICKET_BY_PK, {
+  const [loadLineTicketData, { loading, data: lineTicketData, refetch }] = useLazyQuery(GET_LINE_TICKET_BY_PK, {
     fetchPolicy: "network-only",
     nextFetchPolicy: "network-only"
   });
@@ -321,13 +322,34 @@ export function TimeTicketModalComponent({
         </Form.Item>
       </LayoutFormRow>
 
-      <LaborAllocationContainer jobid={watchedJobId || null} loading={loading} lineTicketData={lineTicketData} />
+      <LaborAllocationContainer
+        jobid={watchedJobId || null}
+        loading={loading}
+        lineTicketData={lineTicketData}
+        bodyshop={bodyshop}
+        refetch={refetch}
+      />
     </div>
   );
 }
 
-export function LaborAllocationContainer({ jobid, loading, lineTicketData, hideTimeTickets = false }) {
+export function LaborAllocationContainer({
+  jobid,
+  loading,
+  lineTicketData,
+  hideTimeTickets = false,
+  bodyshop,
+  refetch
+}) {
   const { t } = useTranslation();
+  const {
+    treatments: { Enhanced_Payroll }
+  } = useTreatmentsWithConfig({
+    attributes: {},
+    names: ["Enhanced_Payroll"],
+    splitKey: bodyshop.imexshopid
+  });
+
   if (loading) return <LoadingSkeleton />;
   if (!lineTicketData) return null;
   if (!jobid) return null;
@@ -338,12 +360,23 @@ export function LaborAllocationContainer({ jobid, loading, lineTicketData, hideT
         <JobEmployeeAssignmentsContainer job={lineTicketData.jobs_by_pk} />
       </Card>
 
-      <LaborAllocationsTable
-        jobId={jobid}
-        joblines={lineTicketData.joblines}
-        timetickets={lineTicketData.timetickets}
-        adjustments={lineTicketData.jobs_by_pk.lbr_adjustments}
-      />
+      {Enhanced_Payroll.treatment === "on" ? (
+        <PayrollLaborAllocationsTable
+          jobId={jobid}
+          joblines={lineTicketData.joblines}
+          timetickets={lineTicketData.timetickets}
+          adjustments={lineTicketData.jobs_by_pk.lbr_adjustments}
+          refetch={refetch}
+          bodyshop={bodyshop}
+        />
+      ) : (
+        <LaborAllocationsTable
+          jobId={jobid}
+          joblines={lineTicketData.joblines}
+          timetickets={lineTicketData.timetickets}
+          adjustments={lineTicketData.jobs_by_pk.lbr_adjustments}
+        />
+      )}
 
       {!hideTimeTickets && (
         <TimeTicketList loading={loading} timetickets={jobid ? lineTicketData.timetickets : []} techConsole />