diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 5c695546..dfe4dac1 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1693,18 +1693,12 @@ watch(inputSearchProductAndService, async () => {
             (productAndServiceTab === 'product' && product?.length === 0) ||
             (productAndServiceTab === 'service' && service?.length === 0)
           "
-          class="flex justify-center items-center"
-          style="min-height: 70vh; background-color: var(--surface-2)"
+          class="flex justify-center items-center surface-1 col"
         >
           <NoData :not-found="!!inputSearchProductAndService" />
         </div>
-
         <!-- tab -->
-
-        <div
-          v-if="productAndService && productAndService.length > 0"
-          class="row flex col"
-        >
+        <div v-else class="row flex col">
           <q-tabs
             dense
             v-model="productAndServiceTab"