diff --git a/src/i18n/tha/index.ts b/src/i18n/tha/index.ts
index c3819b75..db11a1e5 100644
--- a/src/i18n/tha/index.ts
+++ b/src/i18n/tha/index.ts
@@ -789,7 +789,7 @@ export default {
     },
   },
 
-  peview: {
+  preview: {
     productList: 'รายการสินค้า',
     rank: 'อันดับ',
     productCode: 'รหัสสินค้า',
diff --git a/src/pages/05_quotation/peview/BankComponents.vue b/src/pages/05_quotation/preview/BankComponents.vue
similarity index 100%
rename from src/pages/05_quotation/peview/BankComponents.vue
rename to src/pages/05_quotation/preview/BankComponents.vue
diff --git a/src/pages/05_quotation/peview/ViewFooter.vue b/src/pages/05_quotation/preview/ViewFooter.vue
similarity index 100%
rename from src/pages/05_quotation/peview/ViewFooter.vue
rename to src/pages/05_quotation/preview/ViewFooter.vue
diff --git a/src/pages/05_quotation/peview/ViewForm.vue b/src/pages/05_quotation/preview/ViewForm.vue
similarity index 97%
rename from src/pages/05_quotation/peview/ViewForm.vue
rename to src/pages/05_quotation/preview/ViewForm.vue
index 1bb7ec58..265c3afd 100644
--- a/src/pages/05_quotation/peview/ViewForm.vue
+++ b/src/pages/05_quotation/preview/ViewForm.vue
@@ -253,20 +253,20 @@ function print() {
           border-bottom: 2px solid var(--orange-5);
         "
       >
-        {{ $t('peview.productList') }}
+        {{ $t('preview.productList') }}
       </span>
 
       <table ref="elements" class="q-mb-sm" cellpadding="0" style="width: 100%">
         <tbody class="color-tr">
           <tr>
-            <th>{{ $t('peview.rank') }}</th>
-            <th>{{ $t('peview.productCode') }}</th>
+            <th>{{ $t('preview.rank') }}</th>
+            <th>{{ $t('preview.productCode') }}</th>
             <th>{{ $t('general.detail') }}</th>
             <th>{{ $t('general.amount') }}</th>
-            <th>{{ $t('peview.pricePerUnit') }}</th>
-            <th>{{ $t('peview.discount') }}</th>
-            <th>{{ $t('peview.vat') }}</th>
-            <th>{{ $t('peview.value') }}</th>
+            <th>{{ $t('preview.pricePerUnit') }}</th>
+            <th>{{ $t('preview.discount') }}</th>
+            <th>{{ $t('preview.vat') }}</th>
+            <th>{{ $t('preview.value') }}</th>
           </tr>
           <tr v-for="(v, i) in chunk">
             <td class="text-center">{{ i + 1 }}</td>
diff --git a/src/pages/05_quotation/peview/ViewHeader.vue b/src/pages/05_quotation/preview/ViewHeader.vue
similarity index 100%
rename from src/pages/05_quotation/peview/ViewHeader.vue
rename to src/pages/05_quotation/preview/ViewHeader.vue
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 4a48f06e..92a19dee 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -95,7 +95,7 @@ const routes: RouteRecordRaw[] = [
   {
     path: '/quotation/document-view',
     name: 'QuotationDocumentView',
-    component: () => import('pages/05_quotation/peview/ViewForm.vue'),
+    component: () => import('pages/05_quotation/preview/ViewForm.vue'),
   },
 
   // Always leave this as last one,