diff --git a/app/View/Components/Documents/Show/GetPaid.php b/app/View/Components/Documents/Show/GetPaid.php
index 5cfbfe249..f1bf20056 100644
--- a/app/View/Components/Documents/Show/GetPaid.php
+++ b/app/View/Components/Documents/Show/GetPaid.php
@@ -15,7 +15,7 @@ class GetPaid extends Component
      */
     public function render()
     {
-        $this->description = trans('general.amount_due') . ': ' . '<span class="font-medium">' . money($this->document->amount, $this->document->currency_code, true) . '</span>';
+        $this->description = trans('general.amount_due') . ': ' . '<span class="font-medium">' . money($this->document->amount_due, $this->document->currency_code, true) . '</span>';
 
         return view('components.documents.show.get-paid');
     }
diff --git a/app/View/Components/Documents/Show/MakePayment.php b/app/View/Components/Documents/Show/MakePayment.php
index 8d1703dba..c2406dbd4 100644
--- a/app/View/Components/Documents/Show/MakePayment.php
+++ b/app/View/Components/Documents/Show/MakePayment.php
@@ -15,7 +15,7 @@ class MakePayment extends Component
      */
     public function render()
     {
-        $this->description = trans('general.amount_due') . ': ' . '<span class="font-medium">' . money($this->document->amount, $this->document->currency_code, true) . '</span>';
+        $this->description = trans('general.amount_due') . ': ' . '<span class="font-medium">' . money($this->document->amount_due, $this->document->currency_code, true) . '</span>';
 
         return view('components.documents.show.make-payment');
     }