diff --git a/src/pages/07_agencies-management/MainPage.vue b/src/pages/07_agencies-management/MainPage.vue
index b52da96b..2d0cfb92 100644
--- a/src/pages/07_agencies-management/MainPage.vue
+++ b/src/pages/07_agencies-management/MainPage.vue
@@ -17,6 +17,8 @@ import FloatingActionButton from 'src/components/FloatingActionButton.vue';
 import CreateButton from 'src/components/AddButton.vue';
 import NoData from 'src/components/NoData.vue';
 import AgenciesDialog from './AgenciesDialog.vue';
+import { computed } from 'vue';
+import { watch } from 'vue';
 
 const { t } = useI18n();
 const navigatorStore = useNavigator();
@@ -211,6 +213,7 @@ async function fetchData() {
   const ret = await institutionStore.getInstitutionList({
     page: page.value,
     pageSize: pageSize.value,
+    query: pageState.inputSearch,
   });
 
   if (ret) {
@@ -226,6 +229,11 @@ onMounted(async () => {
 
   await fetchData();
 });
+
+watch(
+  () => pageState.inputSearch,
+  () => fetchData(),
+);
 </script>
 <template>
   <FloatingActionButton