diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 546c53c3..03940e81 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -759,45 +759,6 @@ function storeDataLocal() {
                   />
                 </template>
               </QuotationFormMetadata>
-
-              <span
-                class="text-weight-medium q-mt-md q-mr-md"
-                style="font-size: 18px"
-              >
-                {{ $t('general.remark') }}
-              </span>
-              <hr
-                style="border: 1px solid var(--border-color)"
-                class="q-mb-md"
-              />
-              <q-editor
-                dense
-                :readonly
-                :model-value="quotationFormData.remark || ''"
-                min-height="5rem"
-                class="full-width"
-                toolbar-bg="input-border"
-                style="cursor: auto; color: var(--foreground)"
-                :flat="!readonly"
-                :style="`width: ${$q.screen.gt.xs ? '100%' : '63vw'}`"
-                :toolbar="[['left', 'center', 'justify'], ['clip']]"
-                :toolbar-toggle-color="readonly ? 'disabled' : 'primary'"
-                :toolbar-color="
-                  readonly ? 'disabled' : $q.dark.isActive ? 'white' : ''
-                "
-                :definitions="{
-                  clip: {
-                    icon: 'mdi-paperclip',
-                    tip: 'Upload',
-                    handler: () => console.log('upload'),
-                  },
-                }"
-                @update:model-value="
-                  (v) => {
-                    quotationFormData.remark = v;
-                  }
-                "
-              />
             </div>
           </q-expansion-item>
           <q-expansion-item
@@ -965,6 +926,43 @@ function storeDataLocal() {
                 v-model:final-discount="quotationFormData.discount"
                 v-model:pay-bill-date="quotationFormData.payBillDate"
                 v-model:summary-price="summaryPrice"
+                class="q-mb-md"
+              />
+
+              <span class="text-weight-medium q-mr-md" style="font-size: 18px">
+                {{ $t('general.remark') }}
+              </span>
+              <hr
+                style="border: 1px solid var(--border-color)"
+                class="q-mb-md"
+              />
+              <q-editor
+                dense
+                :readonly
+                :model-value="quotationFormData.remark || ''"
+                min-height="5rem"
+                class="full-width"
+                toolbar-bg="input-border"
+                style="cursor: auto; color: var(--foreground)"
+                :flat="!readonly"
+                :style="`width: ${$q.screen.gt.xs ? '100%' : '63vw'}`"
+                :toolbar="[['left', 'center', 'justify'], ['clip']]"
+                :toolbar-toggle-color="readonly ? 'disabled' : 'primary'"
+                :toolbar-color="
+                  readonly ? 'disabled' : $q.dark.isActive ? 'white' : ''
+                "
+                :definitions="{
+                  clip: {
+                    icon: 'mdi-paperclip',
+                    tip: 'Upload',
+                    handler: () => console.log('upload'),
+                  },
+                }"
+                @update:model-value="
+                  (v) => {
+                    quotationFormData.remark = v;
+                  }
+                "
               />
             </div>
           </q-expansion-item>