diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 3eb36657..87251475 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2170,18 +2170,7 @@ watch(inputSearchProductAndService, async () => {
           </div>
         </div>
 
-        <div
-          v-if="
-            (productAndServiceTab === 'product' && product?.length === 0) ||
-            (productAndServiceTab === 'service' && service?.length === 0)
-          "
-          class="flex justify-center items-center surface-1 col"
-        >
-          <NoData :not-found="!!inputSearchProductAndService" />
-        </div>
-        <!-- tab -->
-        <template v-else>
-          <q-tabs
+<q-tabs
             dense
             v-model="productAndServiceTab"
             class="bordered-b q-px-md"
@@ -2234,6 +2223,19 @@ watch(inputSearchProductAndService, async () => {
               </div>
             </q-tab>
           </q-tabs>
+
+        <div
+          v-if="
+            (productAndServiceTab === 'product' && product?.length === 0) ||
+            (productAndServiceTab === 'service' && service?.length === 0)
+          "
+          class="flex justify-center items-center surface-1 col"
+        >
+          <NoData :not-found="!!inputSearchProductAndService" />
+        </div>
+        <!-- tab -->
+        <template v-else>
+          
           <div class="col flex scroll full-height q-pa-md surface-1">
             <div class="full-width">
               <q-table