diff --git a/src/components/Office/PaymentRequestDetails/PaymentRequestDetails.jsx b/src/components/Office/PaymentRequestDetails/PaymentRequestDetails.jsx
index 4dbd4e2f0b0..e1c38c20c91 100644
--- a/src/components/Office/PaymentRequestDetails/PaymentRequestDetails.jsx
+++ b/src/components/Office/PaymentRequestDetails/PaymentRequestDetails.jsx
@@ -106,8 +106,8 @@ const PaymentRequestDetails = ({
   const [headingType, shipmentStyle] = shipmentHeadingAndStyle(mtoShipmentType);
   const { modificationType, departureDate, address, mtoServiceItems } = shipment;
 
-  const findAdditionalServiceItemData = (mtoServiceItemCode) => {
-    return mtoServiceItems?.find((mtoServiceItem) => mtoServiceItem.reServiceCode === mtoServiceItemCode);
+  const findAdditionalServiceItemData = (mtoServiceItemID) => {
+    return mtoServiceItems?.find((mtoServiceItem) => mtoServiceItem.id === mtoServiceItemID);
   };
 
   return (
@@ -167,7 +167,7 @@ const PaymentRequestDetails = ({
                 return (
                   <ExpandableServiceItemRow
                     serviceItem={item}
-                    additionalServiceItemData={findAdditionalServiceItemData(item.mtoServiceItemCode)}
+                    additionalServiceItemData={findAdditionalServiceItemData(item.mtoServiceItemID)}
                     key={item.id}
                     index={index}
                     disableExpansion={paymentRequestStatus === PAYMENT_REQUEST_STATUSES.PENDING}
@@ -197,7 +197,7 @@ const PaymentRequestDetails = ({
                 return (
                   <ExpandableServiceItemRow
                     serviceItem={item}
-                    additionalServiceItemData={findAdditionalServiceItemData(item.mtoServiceItemCode)}
+                    additionalServiceItemData={findAdditionalServiceItemData(item.mtoServiceItemID)}
                     key={item.id}
                     index={index}
                     disableExpansion={paymentRequestStatus === PAYMENT_REQUEST_STATUSES.PENDING}