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 69b43c51d..dedaf8a4d 100644
--- a/apps/edr-freight-web/backoffice/src/pages/operations/FirstMilePage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/operations/FirstMilePage.tsx
@@ -1212,7 +1212,7 @@ const FirstMilePage = () => {
                   <Group justify="flex-end">
                     <Stack gap={0} align="flex-end">
                       <Text size="sm" c="dimmed">Total Amount</Text>
-                      <Text fw={700} size="lg">{formatPrice(invoiceRecord.advancedPayment + invoiceRecord.remainingPayment)}</Text>
+                      <Text fw={700} size="lg">{formatPrice(parseFloat(String(invoiceRecord.advancedPayment)) + parseFloat(String(invoiceRecord.remainingPayment)))}</Text>
                     </Stack>
                   </Group>
                 </Stack>