diff --git a/app/Http/Resources/Customer/InvoiceResource.php b/app/Http/Resources/Customer/InvoiceResource.php
index 3e4637b4..bbdd5aaf 100644
--- a/app/Http/Resources/Customer/InvoiceResource.php
+++ b/app/Http/Resources/Customer/InvoiceResource.php
@@ -46,6 +46,7 @@ class InvoiceResource extends JsonResource
             'base_due_amount' => $this->base_due_amount,
             'currency_id' => $this->currency_id,
             'formatted_created_at' => $this->formattedCreatedAt,
+            'formatted_notes' => $this->formattedNotes,
             'invoice_pdf_url' => $this->invoicePdfUrl,
             'formatted_invoice_date' => $this->formattedInvoiceDate,
             'formatted_due_date' => $this->formattedDueDate,
diff --git a/app/Models/Invoice.php b/app/Models/Invoice.php
index e23c6eca..87a4a055 100644
--- a/app/Models/Invoice.php
+++ b/app/Models/Invoice.php
@@ -166,6 +166,11 @@ class Invoice extends Model implements HasMedia
         }
     }
 
+    public function getFormattedNotesAttribute($value)
+    {
+        return $this->getNotes();
+    }
+
     public function getFormattedCreatedAtAttribute($value)
     {
         $dateFormat = CompanySetting::getSetting('carbon_date_format', $this->company_id);
diff --git a/resources/scripts/components/InvoiceInformationCard.vue b/resources/scripts/components/InvoiceInformationCard.vue
index 3c212288..132acaa1 100644
--- a/resources/scripts/components/InvoiceInformationCard.vue
+++ b/resources/scripts/components/InvoiceInformationCard.vue
@@ -48,14 +48,14 @@
           </dd>
         </div>
         <div
-          v-if="invoice.notes"
+          v-if="invoice.formatted_notes"
           class="py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"
         >
           <dt class="text-sm font-medium text-gray-500">
             {{ $t('invoices.notes') }}
           </dt>
           <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-            <span v-html="invoice.notes"></span>
+            <span v-html="invoice.formatted_notes"></span>
           </dd>
         </div>
       </dl>