diff --git a/src/pages/05_quotation/MainPage.vue b/src/pages/05_quotation/MainPage.vue
index 1523c45a..c3a3553e 100644
--- a/src/pages/05_quotation/MainPage.vue
+++ b/src/pages/05_quotation/MainPage.vue
@@ -535,7 +535,7 @@ onMounted(async () => {
           </q-tabs>
         </nav>
         <!-- SEC: body content -->
-        <body
+        <article
           v-if="true"
           class="col surface-2 flex items-center justify-center"
         >
@@ -544,8 +544,8 @@ onMounted(async () => {
             label="general.add"
             :i18n-args="{ text: $t('quotation.title') }"
           />
-        </body>
-        <body v-else class="col q-pa-md surface-2 scroll">
+        </article>
+        <article v-else class="col q-pa-md surface-2 scroll">
           <div class="row q-col-gutter-md">
             <div v-for="n in 5" :key="n" class="col-md-4 col-12">
               <QuotationCard
@@ -570,7 +570,7 @@ onMounted(async () => {
               />
             </div>
           </div>
-        </body>
+        </article>
 
         <!-- SEC: footer content -->
         <footer
diff --git a/src/pages/05_quotation/ProductServiceForm.vue b/src/pages/05_quotation/ProductServiceForm.vue
index a2d6e9b0..31394933 100644
--- a/src/pages/05_quotation/ProductServiceForm.vue
+++ b/src/pages/05_quotation/ProductServiceForm.vue
@@ -293,7 +293,7 @@ watch(
                         })
                       }}
                     </span>
-                    <body v-else class="col column no-wrap">
+                    <article v-else class="col column no-wrap">
                       <q-tabs
                         inline-label
                         mobile-arrows
@@ -380,7 +380,7 @@ watch(
                           </aside>
                         </span>
                       </div>
-                    </body>
+                    </article>
                   </section>
                 </template>
               </q-splitter>
