diff --git a/src/pages/05_quotation/ProductServiceForm.vue b/src/pages/05_quotation/ProductServiceForm.vue
index 3338e401..a2d6e9b0 100644
--- a/src/pages/05_quotation/ProductServiceForm.vue
+++ b/src/pages/05_quotation/ProductServiceForm.vue
@@ -166,10 +166,10 @@ watch(
                 {{ $t('productService.group.title') }}
               </span>
             </header>
-            <body class="surface-1 col">
+            <article class="surface-1 col">
               <!-- TODO: tree component -->
               waiting for tree
-            </body>
+            </article>
           </section>
         </template>
 
@@ -205,7 +205,7 @@ watch(
               </div>
             </header>
 
-            <body class="col">
+            <article class="col">
               <q-splitter
                 disable
                 v-model="subSplitterModel"
@@ -232,7 +232,7 @@ watch(
                         })
                       }}
                     </span>
-                    <body>
+                    <article>
                       <TreeView
                         class="full-width q-pt-sm"
                         v-model:nodes="nodes"
@@ -267,7 +267,7 @@ watch(
                           },
                         ]"
                       />
-                    </body>
+                    </article>
                   </section>
                 </template>
 
@@ -384,7 +384,7 @@ watch(
                   </section>
                 </template>
               </q-splitter>
-            </body>
+            </article>
           </section>
         </template>
       </q-splitter>
