diff --git a/src/pages/05_quotation/peview/ViewForm.vue b/src/pages/05_quotation/peview/ViewForm.vue
index 55452811..ac3fa982 100644
--- a/src/pages/05_quotation/peview/ViewForm.vue
+++ b/src/pages/05_quotation/peview/ViewForm.vue
@@ -45,7 +45,7 @@ const summaryPrice = ref<SummaryPrice>({
   finalPrice: 15525,
 });
 
-const note = ref<string>('asdasd\d    dasdasd');
+const note = ref<string>('asdasd\d    \n อะไรครับdasdasd');
 const productList = ref<Product[]>([
   {
     id: 'cm14grwo30002z8ch55keto89',
@@ -300,14 +300,11 @@ watch(elements, () => {
         หมายเหตุ
       </span>
 
-      <div class="border-5 q-mb-md" style="width: 100%">
-        <q-input
-          v-model="note"
-          readonly
-          filled
-          type="textarea"
-          style="background: none"
-        />
+      <div
+        class="border-5 surface-0 detail-note q-mb-md"
+        style="width: 100%; padding: 8px 16px; white-space: pre-wrap"
+      >
+        {{ note }}
       </div>
 
       <span