diff --git a/apps/edr-freight-web/backoffice/src/pages/operations/FirstMilePage.tsx b/apps/edr-freight-web/backoffice/src/pages/operations/FirstMilePage.tsx
index dedaf8a4d..9514d8c5c 100644
--- a/apps/edr-freight-web/backoffice/src/pages/operations/FirstMilePage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/operations/FirstMilePage.tsx
@@ -1210,9 +1210,44 @@ const FirstMilePage = () => {
-
- Total Amount
- {formatPrice(parseFloat(String(invoiceRecord.advancedPayment)) + parseFloat(String(invoiceRecord.remainingPayment)))}
+
+
+ Post Payment
+ {formatPrice(invoiceRecord.remainingPayment)}
+
+
+ Advanced Payment
+ {formatPrice(invoiceRecord.advancedPayment)}
+
+
+ {(() => {
+ const postPayment = parseFloat(String(invoiceRecord.remainingPayment));
+ const advancedPayment = parseFloat(String(invoiceRecord.advancedPayment));
+ const difference = postPayment - advancedPayment;
+
+ if (difference > 0) {
+ return (
+
+ Remaining to Pay
+ {formatPrice(difference)}
+
+ );
+ } else if (difference < 0) {
+ return (
+
+ Refund
+ {formatPrice(Math.abs(difference))}
+
+ );
+ } else {
+ return (
+
+ Status
+ Settled
+
+ );
+ }
+ })()}