diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index c33e18dcd..27e301426 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -17,7 +17,7 @@ const props = defineProps({
     descriptor: { type: Object, required: true },
     filterPanel: { type: Object, default: undefined },
     searchDataKey: { type: String, default: undefined },
-    searchbar: { type: Object, default: undefined },
+    searchbarProps: { type: Object, default: undefined },
 });
 
 const stateStore = useStateStore();
@@ -60,7 +60,7 @@ if (props.baseUrl) {
         </QScrollArea>
     </QDrawer>
     <slot name="searchbar" v-if="props.searchDataKey">
-        <VnSearchbar :data-key="props.searchDataKey" v-bind="$attrs['searchbar']" />
+        <VnSearchbar :data-key="props.searchDataKey" v-bind="$attrs['searchbarProps']" />
     </slot>
     <slot v-else name="searchbar" />
     <RightMenu>
diff --git a/src/pages/Account/Alias/Card/AliasCard.vue b/src/pages/Account/Alias/Card/AliasCard.vue
index 07ded9316..d997af4a9 100644
--- a/src/pages/Account/Alias/Card/AliasCard.vue
+++ b/src/pages/Account/Alias/Card/AliasCard.vue
@@ -25,7 +25,7 @@ const searchBarDataKeys = {
         base-url="MailAliases"
         :descriptor="AliasDescriptor"
         :search-data-key="searchBarDataKeys[routeName]"
-        :searchbar="{
+        :searchbarProps="{
             redirect: !!customRouteRedirectName,
             customRouteRedirectName,
             info: t('mailAlias.searchInfo'),
diff --git a/src/pages/Account/Card/AccountCard.vue b/src/pages/Account/Card/AccountCard.vue
index 46d6e77b1..c64515aab 100644
--- a/src/pages/Account/Card/AccountCard.vue
+++ b/src/pages/Account/Card/AccountCard.vue
@@ -26,7 +26,7 @@ const searchBarDataKeys = {
         data-key="Account"
         :descriptor="AccountDescriptor"
         :search-data-key="searchBarDataKeys[routeName]"
-        :searchbar="{
+        :searchbarProps="{
             redirect: !!customRouteRedirectName,
             customRouteRedirectName,
             label: t('account.search'),
diff --git a/src/pages/Account/Role/Card/RoleCard.vue b/src/pages/Account/Role/Card/RoleCard.vue
index c24b36745..72134b53d 100644
--- a/src/pages/Account/Role/Card/RoleCard.vue
+++ b/src/pages/Account/Role/Card/RoleCard.vue
@@ -23,7 +23,7 @@ const searchBarDataKeys = {
         data-key="Role"
         :descriptor="RoleDescriptor"
         :search-data-key="searchBarDataKeys[routeName]"
-        :searchbar="{
+        :searchbarProps="{
             redirect: !!customRouteRedirectName,
             customRouteRedirectName,
             label: t('role.searchRoles'),
diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index 09eaa13d4..64cf35f81 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -12,7 +12,7 @@ import filter from './ClaimFilter.js';
         :filter-panel="ClaimFilter"
         search-data-key="ClaimList"
         :filter="filter"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Claims/filter',
             label: 'Search claim',
             info: 'You can search by claim id or customer name',
diff --git a/src/pages/Customer/Card/CustomerCard.vue b/src/pages/Customer/Card/CustomerCard.vue
index 0cc41e024..c77e429ef 100644
--- a/src/pages/Customer/Card/CustomerCard.vue
+++ b/src/pages/Customer/Card/CustomerCard.vue
@@ -10,7 +10,7 @@ import CustomerFilter from '../CustomerFilter.vue';
         :descriptor="CustomerDescriptor"
         :filter-panel="CustomerFilter"
         search-data-key="CustomerList"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Clients/extendedListFilter',
             label: 'Search customer',
             info: 'You can search by customer id or name',
diff --git a/src/pages/Entry/Card/EntryCard.vue b/src/pages/Entry/Card/EntryCard.vue
index 75a3567cb..a1fd83d05 100644
--- a/src/pages/Entry/Card/EntryCard.vue
+++ b/src/pages/Entry/Card/EntryCard.vue
@@ -10,7 +10,7 @@ import EntryFilter from '../EntryFilter.vue';
         :descriptor="EntryDescriptor"
         :filter-panel="EntryFilter"
         search-data-key="EntryList"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Entries/filter',
             label: 'Search entries',
             info: 'You can search by entry reference',
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
index 7365eaba0..26f34d0d3 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
@@ -10,7 +10,7 @@ import InvoiceOutFilter from '../InvoiceOutFilter.vue';
         :descriptor="InvoiceOutDescriptor"
         :filter-panel="InvoiceOutFilter"
         search-data-key="InvoiceOutList"
-        :searchbar="{
+        :searchbarProps="{
             url: 'InvoiceOuts/filter',
             label: 'Search invoice',
             info: 'You can search by invoice reference',
diff --git a/src/pages/Item/Card/ItemCard.vue b/src/pages/Item/Card/ItemCard.vue
index 01eda25b0..d125e9bbd 100644
--- a/src/pages/Item/Card/ItemCard.vue
+++ b/src/pages/Item/Card/ItemCard.vue
@@ -10,7 +10,7 @@ import ItemListFilter from '../ItemListFilter.vue';
         :descriptor="ItemDescriptor"
         :filter-panel="ItemListFilter"
         search-data-key="ItemList"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Items/filter',
             label: 'searchbar.labelr',
             info: 'searchbar.info',
diff --git a/src/pages/Parking/Card/ParkingCard.vue b/src/pages/Parking/Card/ParkingCard.vue
index 5912c424c..5c29e5665 100644
--- a/src/pages/Parking/Card/ParkingCard.vue
+++ b/src/pages/Parking/Card/ParkingCard.vue
@@ -16,7 +16,7 @@ const filter = {
         :descriptor="ParkingDescriptor"
         :filter-panel="ParkingFilter"
         search-data-key="ParkingList"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Parkings',
             label: 'parking.searchBar.label',
             info: 'parking.searchBar.info',
diff --git a/src/pages/Route/Agency/Card/AgencyCard.vue b/src/pages/Route/Agency/Card/AgencyCard.vue
index 365cb6f58..65a095e48 100644
--- a/src/pages/Route/Agency/Card/AgencyCard.vue
+++ b/src/pages/Route/Agency/Card/AgencyCard.vue
@@ -8,7 +8,7 @@ import VnCard from 'components/common/VnCard.vue';
         base-url="Agencies"
         :descriptor="AgencyDescriptor"
         search-data-key="AgencyList"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Agencies',
             label: 'agency.searchBar.label',
             info: 'agency.searchBar.info',
diff --git a/src/pages/Route/Roadmap/RoadmapCard.vue b/src/pages/Route/Roadmap/RoadmapCard.vue
index 02450887b..6bd6816ff 100644
--- a/src/pages/Route/Roadmap/RoadmapCard.vue
+++ b/src/pages/Route/Roadmap/RoadmapCard.vue
@@ -10,7 +10,7 @@ import RoadmapFilter from 'pages/Route/Roadmap/RoadmapFilter.vue';
         :descriptor="RoadmapDescriptor"
         :filter-panel="RoadmapFilter"
         search-data-key="RoadmapList"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Roadmaps',
             label: 'Search roadmap',
             info: 'You can search by roadmap id or customer name',
diff --git a/src/pages/Supplier/Card/SupplierCard.vue b/src/pages/Supplier/Card/SupplierCard.vue
index 880d2a977..594026d18 100644
--- a/src/pages/Supplier/Card/SupplierCard.vue
+++ b/src/pages/Supplier/Card/SupplierCard.vue
@@ -10,10 +10,10 @@ import SupplierListFilter from '../SupplierListFilter.vue';
         :descriptor="SupplierDescriptor"
         :filter-panel="SupplierListFilter"
         search-data-key="SupplierList"
-        search-url="Suppliers/filter"
-        searchbar-label="Search suppliers"
-        :searchbar="{
+        :searchbar-props="{
+            url: 'Suppliers/filter',
             searchUrl: 'table',
+            label: 'Search suppliers',
         }"
     />
 </template>
diff --git a/src/pages/Ticket/Card/TicketCard.vue b/src/pages/Ticket/Card/TicketCard.vue
index 11ac53832..b9510576a 100644
--- a/src/pages/Ticket/Card/TicketCard.vue
+++ b/src/pages/Ticket/Card/TicketCard.vue
@@ -20,7 +20,7 @@ const customRouteRedirectName = computed(() => routeName.value);
         :filter-panel="TicketFilter"
         :descriptor="TicketDescriptor"
         search-data-key="TicketList"
-        :searchbar="{
+        :searchbarProps="{
             customRouteRedirectName,
             label: t('card.search'),
             info: t('card.searchInfo'),
diff --git a/src/pages/Travel/Card/TravelCard.vue b/src/pages/Travel/Card/TravelCard.vue
index 2a42d4580..99271459e 100644
--- a/src/pages/Travel/Card/TravelCard.vue
+++ b/src/pages/Travel/Card/TravelCard.vue
@@ -37,7 +37,7 @@ const filter = {
         search-data-key="TravelList"
         :filter="filter"
         :descriptor="TravelDescriptor"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Travels',
             label: 'Search travel',
             info: 'You can search by travel id or name',
diff --git a/src/pages/Worker/Card/WorkerCard.vue b/src/pages/Worker/Card/WorkerCard.vue
index 8d8e348e0..48eca8644 100644
--- a/src/pages/Worker/Card/WorkerCard.vue
+++ b/src/pages/Worker/Card/WorkerCard.vue
@@ -10,7 +10,7 @@ import WorkerFilter from '../WorkerFilter.vue';
         :descriptor="WorkerDescriptor"
         :filter-panel="WorkerFilter"
         search-data-key="WorkerList"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Workers/filter',
             label: 'Search worker',
             info: 'You can search by worker id or name',
diff --git a/src/pages/Zone/Card/ZoneCard.vue b/src/pages/Zone/Card/ZoneCard.vue
index 84a1df5f5..eeece3bd8 100644
--- a/src/pages/Zone/Card/ZoneCard.vue
+++ b/src/pages/Zone/Card/ZoneCard.vue
@@ -29,7 +29,7 @@ const searchBarDataKeys = {
         :descriptor="ZoneDescriptor"
         :search-data-key="searchBarDataKeys[routeName]"
         :filter-panel="ZoneFilterPanel"
-        :searchbar="{
+        :searchbarProps="{
             url: 'Zones',
             label: t('list.searchZone'),
             info: t('list.searchInfo'),