diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index f7539df8..c128bb91 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import AppBox from 'components/app/AppBox.vue';
 import AddButton from 'components/AddButton.vue';
 import ProductCardComponent from 'src/components/04_product-service/ProductCardComponent.vue';
@@ -218,6 +218,8 @@ onMounted(async () => {
 
   await fetchListGroups();
 });
+
+watch(productMode, () => (inputSearch.value = ''));
 </script>
 
 <template>