diff --git a/src/pages/05_quotation/preview/ViewHeader.vue b/src/pages/05_quotation/preview/ViewHeader.vue
index 932bef75..d3455ec4 100644
--- a/src/pages/05_quotation/preview/ViewHeader.vue
+++ b/src/pages/05_quotation/preview/ViewHeader.vue
@@ -3,6 +3,7 @@ import { dateFormat } from 'src/utils/datetime';
 
 // NOTE: Import stores
 import { formatAddress } from 'src/utils/address';
+import { getCustomerName } from 'src/stores/utils';
 
 // NOTE  Import Types
 import { Branch } from 'src/stores/branch/types';
@@ -85,6 +86,7 @@ function titleMode(mode: View): string {
       <article>
         <b>{{ $t('quotation.customer') }}</b>
         <span>
+          {{ getCustomerName(customer, { noCode: true, locale: 'tha' }) }}
           {{
             formatAddress({
               address: customer.address,
diff --git a/src/pages/11_credit-note/document-view/ViewHeader.vue b/src/pages/11_credit-note/document-view/ViewHeader.vue
index 71cce1cc..3304cdfb 100644
--- a/src/pages/11_credit-note/document-view/ViewHeader.vue
+++ b/src/pages/11_credit-note/document-view/ViewHeader.vue
@@ -3,6 +3,7 @@ import { dateFormat } from 'src/utils/datetime';
 
 // NOTE: Import stores
 import { formatAddress } from 'src/utils/address';
+import { getCustomerName } from 'src/stores/utils';
 
 // NOTE  Import Types
 import { Branch } from 'src/stores/branch/types';
@@ -85,6 +86,7 @@ function titleMode(mode: View): string {
       <article>
         <b>ลูกค้า</b>
         <span>
+          {{ getCustomerName(customer, { noCode: true, locale: 'tha' }) }}
           {{
             formatAddress({
               address: customer.address,
diff --git a/src/pages/12_debit-note/document-view/ViewHeader.vue b/src/pages/12_debit-note/document-view/ViewHeader.vue
index e9c4624d..e5fa6975 100644
--- a/src/pages/12_debit-note/document-view/ViewHeader.vue
+++ b/src/pages/12_debit-note/document-view/ViewHeader.vue
@@ -3,6 +3,7 @@ import { dateFormat } from 'src/utils/datetime';
 
 // NOTE: Import stores
 import { formatAddress } from 'src/utils/address';
+import { getCustomerName } from 'src/stores/utils';
 
 // NOTE  Import Types
 import { Branch } from 'src/stores/branch/types';
@@ -85,6 +86,7 @@ function titleMode(mode: View): string {
       <article>
         <b>ลูกค้า</b>
         <span>
+          {{ getCustomerName(customer, { noCode: true, locale: 'tha' }) }}
           {{
             formatAddress({
               address: customer.address,