diff --git a/src/components/ItemsFilterPanel.vue b/src/components/ItemsFilterPanel.vue
index f73753a6bc..c58c7ac3c2 100644
--- a/src/components/ItemsFilterPanel.vue
+++ b/src/components/ItemsFilterPanel.vue
@@ -199,7 +199,7 @@ const setCategoryList = (data) => {
                         :options="itemTypesOptions"
                         dense
                         outlined
-                        rounded
+                        filled
                         use-input
                         :disable="!selectedCategoryFk"
                         @update:model-value="
@@ -236,7 +236,7 @@ const setCategoryList = (data) => {
                         :options="tagOptions"
                         dense
                         outlined
-                        rounded
+                        filled
                         :emit-value="false"
                         use-input
                         :is-clearable="false"
@@ -253,7 +253,7 @@ const setCategoryList = (data) => {
                         option-label="value"
                         dense
                         outlined
-                        rounded
+                        filled
                         emit-value
                         use-input
                         :disable="!value"
diff --git a/src/components/common/VnLog.vue b/src/components/common/VnLog.vue
index 8f106a9f12..bbf9ce098f 100644
--- a/src/components/common/VnLog.vue
+++ b/src/components/common/VnLog.vue
@@ -700,6 +700,7 @@ watch(
                         v-model="searchInput"
                         class="full-width"
                         clearable
+                        filled
                         clear-icon="close"
                         @keyup.enter="() => selectFilter('search')"
                         @focusout="() => selectFilter('search')"
@@ -719,6 +720,7 @@ watch(
                         v-model="selectedFilters.changedModel"
                         option-label="locale"
                         option-value="value"
+                        filled
                         :options="actions"
                         @update:model-value="selectFilter('action')"
                         hide-selected
@@ -744,8 +746,7 @@ watch(
                             class="full-width"
                             :label="t('globals.user')"
                             v-model="userSelect"
-                            option-label="name"
-                            option-value="id"
+                            filled
                             :url="`${model}Logs/${route.params.id}/editors`"
                             :fields="['id', 'nickname', 'name', 'image']"
                             sort-by="nickname"
@@ -774,6 +775,7 @@ watch(
                         :label="t('globals.changes')"
                         v-model="changeInput"
                         class="full-width"
+                        filled
                         clearable
                         clear-icon="close"
                         @keyup.enter="selectFilter('change')"
@@ -810,6 +812,7 @@ watch(
                         @clear="selectFilter('date', 'to')"
                         v-model="dateFrom"
                         clearable
+                        filled
                         clear-icon="close"
                     />
                 </QItem>
@@ -822,6 +825,7 @@ watch(
                         @clear="selectFilter('date', 'from')"
                         v-model="dateTo"
                         clearable
+                        filled
                         clear-icon="close"
                     />
                 </QItem>
@@ -835,6 +839,7 @@ watch(
             dense
             flat
             minimal
+            filled
             @update:model-value="
                 (value) => {
                     dateFromDialog = false;
diff --git a/src/pages/Account/AccountFilter.vue b/src/pages/Account/AccountFilter.vue
index 50c3ee1acf..7796e3c1ae 100644
--- a/src/pages/Account/AccountFilter.vue
+++ b/src/pages/Account/AccountFilter.vue
@@ -47,7 +47,7 @@ const rolesOptions = ref([]);
                         :label="t('globals.name')"
                         v-model="params.name"
                         lazy-rules
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -57,7 +57,7 @@ const rolesOptions = ref([]);
                         :label="t('account.card.alias')"
                         v-model="params.nickname"
                         lazy-rules
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -76,7 +76,7 @@ const rolesOptions = ref([]);
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                         :input-debounce="0"
                     />
                 </QItemSection>
diff --git a/src/pages/Account/Acls/AclFilter.vue b/src/pages/Account/Acls/AclFilter.vue
index 8035f92b88..037be525a6 100644
--- a/src/pages/Account/Acls/AclFilter.vue
+++ b/src/pages/Account/Acls/AclFilter.vue
@@ -57,7 +57,7 @@ onBeforeMount(() => {
                         use-input
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -73,7 +73,7 @@ onBeforeMount(() => {
                         use-input
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -83,7 +83,7 @@ onBeforeMount(() => {
                         :label="t('acls.aclFilter.property')"
                         v-model="params.property"
                         lazy-rules
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -99,7 +99,7 @@ onBeforeMount(() => {
                         use-input
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -115,7 +115,7 @@ onBeforeMount(() => {
                         use-input
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/Account/Role/AccountRolesFilter.vue b/src/pages/Account/Role/AccountRolesFilter.vue
index cbe7a70c86..1358236c6d 100644
--- a/src/pages/Account/Role/AccountRolesFilter.vue
+++ b/src/pages/Account/Role/AccountRolesFilter.vue
@@ -27,7 +27,7 @@ const props = defineProps({
                         :label="t('globals.name')"
                         v-model="params.name"
                         lazy-rules
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -37,7 +37,7 @@ const props = defineProps({
                         :label="t('role.description')"
                         v-model="params.description"
                         lazy-rules
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/Claim/ClaimFilter.vue b/src/pages/Claim/ClaimFilter.vue
index 37146865c6..fb3e1b3726 100644
--- a/src/pages/Claim/ClaimFilter.vue
+++ b/src/pages/Claim/ClaimFilter.vue
@@ -33,7 +33,7 @@ const props = defineProps({
                     :label="t('claim.customerId')"
                     v-model="params.clientFk"
                     lazy-rules
-                    is-outlined
+                    filled
                 >
                     <template #prepend> <QIcon name="badge" size="xs" /></template>
                 </VnInput>
@@ -41,12 +41,12 @@ const props = defineProps({
                     :label="t('Client Name')"
                     v-model="params.clientName"
                     lazy-rules
-                    is-outlined
+                    filled
                 />
                 <VnSelect
                     outlined
                     dense
-                    rounded
+                    filled
                     :label="t('globals.params.departmentFk')"
                     v-model="params.departmentFk"
                     option-value="id"
@@ -62,7 +62,7 @@ const props = defineProps({
                     option-filter="firstName"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnSelect
                     :label="t('claim.state')"
@@ -71,13 +71,13 @@ const props = defineProps({
                     option-label="description"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnInputDate
                     v-model="params.created"
                     :label="t('claim.created')"
                     outlined
-                    rounded
+                    filled
                     dense
                 />
                 <VnSelect
@@ -87,7 +87,7 @@ const props = defineProps({
                     :use-like="false"
                     sort-by="id DESC"
                     outlined
-                    rounded
+                    filled
                     dense
                 />
                 <VnSelect
@@ -99,14 +99,14 @@ const props = defineProps({
                     option-filter="firstName"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnSelect
                     :label="t('claim.zone')"
                     v-model="params.zoneFk"
                     url="Zones"
                     outlined
-                    rounded
+                    filled
                     dense
                 />
                 <QCheckbox
diff --git a/src/pages/Customer/CustomerFilter.vue b/src/pages/Customer/CustomerFilter.vue
index 2ace6dd02a..e130b82714 100644
--- a/src/pages/Customer/CustomerFilter.vue
+++ b/src/pages/Customer/CustomerFilter.vue
@@ -41,7 +41,7 @@ const exprBuilder = (param, value) => {
         <template #body="{ params, searchFn }">
             <QItem class="q-my-sm">
                 <QItemSection>
-                    <VnInput :label="t('FI')" v-model="params.fi" is-outlined>
+                    <VnInput :label="t('FI')" v-model="params.fi" filled>
                         <template #prepend>
                             <QIcon name="badge" size="xs" />
                         </template>
@@ -50,7 +50,7 @@ const exprBuilder = (param, value) => {
             </QItem>
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput :label="t('Name')" v-model="params.name" is-outlined />
+                    <VnInput :label="t('Name')" v-model="params.name" filled />
                 </QItemSection>
             </QItem>
             <QItem class="q-mb-sm">
@@ -58,7 +58,7 @@ const exprBuilder = (param, value) => {
                     <VnInput
                         :label="t('customer.summary.socialName')"
                         v-model="params.socialName"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -67,7 +67,7 @@ const exprBuilder = (param, value) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.departmentFk')"
                         v-model="params.departmentFk"
                         option-value="id"
@@ -90,7 +90,7 @@ const exprBuilder = (param, value) => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                         auto-load
                         :input-debounce="0"
                     />
@@ -98,12 +98,12 @@ const exprBuilder = (param, value) => {
             </QItem>
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput :label="t('City')" v-model="params.city" is-outlined />
+                    <VnInput :label="t('City')" v-model="params.city" filled />
                 </QItemSection>
             </QItem>
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput :label="t('Phone')" v-model="params.phone" is-outlined>
+                    <VnInput :label="t('Phone')" v-model="params.phone" filled>
                         <template #prepend>
                             <QIcon name="phone" size="xs" />
                         </template>
@@ -112,7 +112,7 @@ const exprBuilder = (param, value) => {
             </QItem>
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput :label="t('Email')" v-model="params.email" is-outlined>
+                    <VnInput :label="t('Email')" v-model="params.email" filled>
                         <template #prepend>
                             <QIcon name="email" size="sm" />
                         </template>
@@ -133,18 +133,14 @@ const exprBuilder = (param, value) => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                         auto-load
                         sortBy="name ASC"
                 /></QItemSection>
             </QItem>
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput
-                        :label="t('Postcode')"
-                        v-model="params.postcode"
-                        is-outlined
-                    />
+                    <VnInput :label="t('Postcode')" v-model="params.postcode" filled />
                 </QItemSection>
             </QItem>
         </template>
diff --git a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
index 0eab7b7c55..482668dffb 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
@@ -46,7 +46,7 @@ const departments = ref();
                     option-label="name"
                     option-value="id"
                     outlined
-                    rounded
+                    filled
                     emit-value
                     hide-selected
                     map-options
@@ -68,7 +68,7 @@ const departments = ref();
                         option-label="name"
                         option-value="id"
                         outlined
-                        rounded
+                        filled
                         use-input
                         v-model="params.departmentFk"
                         @update:model-value="searchFn()"
@@ -92,7 +92,7 @@ const departments = ref();
                         option-label="name"
                         option-value="id"
                         outlined
-                        rounded
+                        filled
                         use-input
                         v-model="params.countryFk"
                         @update:model-value="searchFn()"
@@ -108,7 +108,7 @@ const departments = ref();
                     <VnInput
                         :label="t('P. Method')"
                         clearable
-                        is-outlined
+                        filled
                         v-model="params.paymentMethod"
                     />
                 </QItemSection>
@@ -119,7 +119,7 @@ const departments = ref();
                     <VnInput
                         :label="t('Balance D.')"
                         clearable
-                        is-outlined
+                        filled
                         v-model="params.balance"
                     />
                 </QItemSection>
@@ -138,7 +138,7 @@ const departments = ref();
                         option-label="name"
                         option-value="id"
                         outlined
-                        rounded
+                        filled
                         use-input
                         v-model="params.workerFk"
                         @update:model-value="searchFn()"
@@ -154,7 +154,7 @@ const departments = ref();
                     <VnInputDate
                         :label="t('L. O. Date')"
                         clearable
-                        is-outlined
+                        filled
                         v-model="params.date"
                     />
                 </QItemSection>
@@ -165,7 +165,7 @@ const departments = ref();
                     <VnInput
                         :label="t('Credit I.')"
                         clearable
-                        is-outlined
+                        filled
                         v-model="params.credit"
                     />
                 </QItemSection>
@@ -175,7 +175,7 @@ const departments = ref();
                 <QItemSection>
                     <VnInputDate
                         :label="t('From')"
-                        is-outlined
+                        filled
                         v-model="params.defaulterSinced"
                     />
                 </QItemSection>
diff --git a/src/pages/Customer/Payments/CustomerPaymentsFilter.vue b/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
index 8982cba5a3..ec20237b40 100644
--- a/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
+++ b/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
@@ -25,7 +25,7 @@ const props = defineProps({
         <template #body="{ params }">
             <QItem>
                 <QItemSection>
-                    <VnInput :label="t('Order ID')" v-model="params.orderFk" is-outlined>
+                    <VnInput :label="t('Order ID')" v-model="params.orderFk" filled>
                         <template #prepend>
                             <QIcon name="vn:basket" size="xs" />
                         </template>
@@ -34,11 +34,7 @@ const props = defineProps({
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('Customer ID')"
-                        v-model="params.clientFk"
-                        is-outlined
-                    >
+                    <VnInput :label="t('Customer ID')" v-model="params.clientFk" filled>
                         <template #prepend>
                             <QIcon name="vn:client" size="xs" />
                         </template>
@@ -47,19 +43,15 @@ const props = defineProps({
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInputNumber
-                        :label="t('Amount')"
-                        v-model="params.amount"
-                        is-outlined
-                    />
+                    <VnInputNumber :label="t('Amount')" v-model="params.amount" filled />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInputDate v-model="params.from" :label="t('From')" is-outlined />
+                    <VnInputDate v-model="params.from" :label="t('From')" filled />
                 </QItemSection>
                 <QItemSection>
-                    <VnInputDate v-model="params.to" :label="t('To')" is-outlined />
+                    <VnInputDate v-model="params.to" :label="t('To')" filled />
                 </QItemSection>
             </QItem>
         </template>
diff --git a/src/pages/Entry/EntryFilter.vue b/src/pages/Entry/EntryFilter.vue
index c283e4a0b7..0511e61ef6 100644
--- a/src/pages/Entry/EntryFilter.vue
+++ b/src/pages/Entry/EntryFilter.vue
@@ -101,13 +101,13 @@ const entryFilterPanel = ref();
                         :label="t('params.landed')"
                         v-model="params.landed"
                         @update:model-value="searchFn()"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput v-model="params.id" label="Id" is-outlined />
+                    <VnInput v-model="params.id" label="Id" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -118,14 +118,14 @@ const entryFilterPanel = ref();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
                 <QItemSection>
                     <VnInput
                         v-model="params.invoiceNumber"
                         :label="t('params.invoiceNumber')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -134,7 +134,7 @@ const entryFilterPanel = ref();
                     <VnInput
                         v-model="params.reference"
                         :label="t('entry.list.tableVisibleColumns.reference')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -150,7 +150,7 @@ const entryFilterPanel = ref();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -159,7 +159,7 @@ const entryFilterPanel = ref();
                     <VnInput
                         v-model="params.evaNotes"
                         :label="t('params.evaNotes')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -174,7 +174,7 @@ const entryFilterPanel = ref();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -189,7 +189,7 @@ const entryFilterPanel = ref();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                         <template #option="scope">
                             <QItem v-bind="scope.itemProps">
@@ -211,7 +211,7 @@ const entryFilterPanel = ref();
                     <VnInput
                         v-model="params.invoiceNumber"
                         :label="t('params.invoiceNumber')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -229,7 +229,7 @@ const entryFilterPanel = ref();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -238,7 +238,7 @@ const entryFilterPanel = ref();
                     <VnInput
                         v-model="params.evaNotes"
                         :label="t('params.evaNotes')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/Entry/EntryLatestBuysFilter.vue b/src/pages/Entry/EntryLatestBuysFilter.vue
index 19b4575246..d66eb9cfd8 100644
--- a/src/pages/Entry/EntryLatestBuysFilter.vue
+++ b/src/pages/Entry/EntryLatestBuysFilter.vue
@@ -40,7 +40,7 @@ const tagValues = ref([]);
                         sort-by="nickname ASC"
                         dense
                         outlined
-                        rounded
+                        filled
                         use-input
                         @update:model-value="searchFn()"
                     />
@@ -55,7 +55,7 @@ const tagValues = ref([]);
                         sort-by="name ASC"
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -64,7 +64,7 @@ const tagValues = ref([]);
                     <VnInputDate
                         :label="t('components.itemsFilterPanel.started')"
                         v-model="params.from"
-                        is-outlined
+                        filled
                         @update:model-value="searchFn()"
                     />
                 </QItemSection>
@@ -74,7 +74,7 @@ const tagValues = ref([]);
                     <VnInputDate
                         :label="t('components.itemsFilterPanel.ended')"
                         v-model="params.to"
-                        is-outlined
+                        filled
                         @update:model-value="searchFn()"
                     />
                 </QItemSection>
@@ -121,7 +121,7 @@ const tagValues = ref([]);
                         option-label="name"
                         dense
                         outlined
-                        rounded
+                        filled
                         :emit-value="false"
                         use-input
                         :is-clearable="false"
@@ -138,7 +138,7 @@ const tagValues = ref([]);
                         option-label="value"
                         dense
                         outlined
-                        rounded
+                        filled
                         emit-value
                         use-input
                         :disable="!value"
@@ -151,7 +151,7 @@ const tagValues = ref([]);
                         v-model="value.value"
                         :label="t('params.value')"
                         :disable="!value"
-                        is-outlined
+                        filled
                         class="filter-input"
                         :is-clearable="false"
                         @keyup.enter="applyTags(params, searchFn)"
diff --git a/src/pages/Entry/EntryStockBoughtFilter.vue b/src/pages/Entry/EntryStockBoughtFilter.vue
index 136881f179..c77444f7ee 100644
--- a/src/pages/Entry/EntryStockBoughtFilter.vue
+++ b/src/pages/Entry/EntryStockBoughtFilter.vue
@@ -50,7 +50,7 @@ onMounted(async () => {
                             }
                         "
                         :label="t('Date')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/InvoiceIn/InvoiceInFilter.vue b/src/pages/InvoiceIn/InvoiceInFilter.vue
index e010a1edb3..224eb6bdda 100644
--- a/src/pages/InvoiceIn/InvoiceInFilter.vue
+++ b/src/pages/InvoiceIn/InvoiceInFilter.vue
@@ -39,17 +39,13 @@ function handleDaysAgo(params, daysAgo) {
                     <VnInputDate
                         :label="$t('globals.from')"
                         v-model="params.from"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInputDate
-                        :label="$t('globals.to')"
-                        v-model="params.to"
-                        is-outlined
-                    />
+                    <VnInputDate :label="$t('globals.to')" v-model="params.to" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -57,7 +53,7 @@ function handleDaysAgo(params, daysAgo) {
                     <VnInputNumber
                         :label="$t('globals.daysAgo')"
                         v-model="params.daysAgo"
-                        is-outlined
+                        filled
                         :step="0"
                         @update:model-value="(val) => handleDaysAgo(params, val)"
                         @remove="(val) => handleDaysAgo(params, val)"
@@ -66,12 +62,7 @@ function handleDaysAgo(params, daysAgo) {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectSupplier
-                        v-model="params.supplierFk"
-                        dense
-                        outlined
-                        rounded
-                    />
+                    <VnSelectSupplier v-model="params.supplierFk" dense outlined filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -79,7 +70,7 @@ function handleDaysAgo(params, daysAgo) {
                     <VnInput
                         :label="getLocale('supplierRef')"
                         v-model="params.supplierRef"
-                        is-outlined
+                        filled
                         lazy-rules
                     />
                 </QItemSection>
@@ -89,7 +80,7 @@ function handleDaysAgo(params, daysAgo) {
                     <VnInput
                         :label="getLocale('fi')"
                         v-model="params.fi"
-                        is-outlined
+                        filled
                         lazy-rules
                     />
                 </QItemSection>
@@ -99,7 +90,7 @@ function handleDaysAgo(params, daysAgo) {
                     <VnInput
                         :label="getLocale('serial')"
                         v-model="params.serial"
-                        is-outlined
+                        filled
                         lazy-rules
                     />
                 </QItemSection>
@@ -109,7 +100,7 @@ function handleDaysAgo(params, daysAgo) {
                     <VnInput
                         :label="getLocale('account')"
                         v-model="params.account"
-                        is-outlined
+                        filled
                         lazy-rules
                     />
                 </QItemSection>
@@ -119,7 +110,7 @@ function handleDaysAgo(params, daysAgo) {
                     <VnInput
                         :label="getLocale('globals.params.awbCode')"
                         v-model="params.awbCode"
-                        is-outlined
+                        filled
                         lazy-rules
                     />
                 </QItemSection>
@@ -129,7 +120,7 @@ function handleDaysAgo(params, daysAgo) {
                     <VnInputNumber
                         :label="$t('globals.amount')"
                         v-model="params.amount"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -141,7 +132,7 @@ function handleDaysAgo(params, daysAgo) {
                         url="Companies"
                         option-label="code"
                         :fields="['id', 'code']"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue b/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue
index 19ed73e508..ede7dfd1f7 100644
--- a/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue
+++ b/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue
@@ -26,7 +26,7 @@ const { t } = useI18n();
                         v-model="params.daysAgo"
                         :label="t('params.daysAgo')"
                         outlined
-                        rounded
+                        filled
                         dense
                     />
                 </QItemSection>
@@ -37,7 +37,7 @@ const { t } = useI18n();
                         v-model="params.serial"
                         :label="t('params.serial')"
                         outlined
-                        rounded
+                        filled
                         dense
                     />
                 </QItemSection>
diff --git a/src/pages/InvoiceOut/InvoiceOutFilter.vue b/src/pages/InvoiceOut/InvoiceOutFilter.vue
index 99524e0d6e..20d2e5eee0 100644
--- a/src/pages/InvoiceOut/InvoiceOutFilter.vue
+++ b/src/pages/InvoiceOut/InvoiceOutFilter.vue
@@ -33,17 +33,13 @@ const states = ref();
                     <VnInput
                         :label="t('globals.params.clientFk')"
                         v-model="params.clientFk"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        v-model="params.fi"
-                        :label="t('globals.params.fi')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.fi" :label="t('globals.params.fi')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -51,7 +47,7 @@ const states = ref();
                     <VnInputNumber
                         :label="t('globals.amount')"
                         v-model="params.amount"
-                        is-outlined
+                        filled
                         data-cy="InvoiceOutFilterAmountBtn"
                     />
                 </QItemSection>
@@ -63,7 +59,7 @@ const states = ref();
                         dense
                         lazy-rules
                         outlined
-                        rounded
+                        filled
                         type="number"
                         v-model.number="params.min"
                     />
@@ -74,7 +70,7 @@ const states = ref();
                         dense
                         lazy-rules
                         outlined
-                        rounded
+                        filled
                         type="number"
                         v-model.number="params.max"
                     />
@@ -94,7 +90,7 @@ const states = ref();
                     <VnInputDate
                         v-model="params.created"
                         :label="t('invoiceOut.params.created')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -103,7 +99,7 @@ const states = ref();
                     <VnInputDate
                         v-model="params.dued"
                         :label="t('invoiceOut.params.dued')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -111,7 +107,7 @@ const states = ref();
                 <QItemSection>
                     <VnSelect
                         outlined
-                        rounded
+                        filled
                         :label="t('globals.params.departmentFk')"
                         v-model="params.departmentFk"
                         option-value="id"
diff --git a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
index 3922564734..53433c56bf 100644
--- a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
+++ b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
@@ -26,7 +26,7 @@ const serialTypesOptions = ref([]);
 
 const handleInvoiceOutSerialsFetch = (data) => {
     serialTypesOptions.value = Array.from(
-        new Set(data.map((item) => item.type).filter((type) => type))
+        new Set(data.map((item) => item.type).filter((type) => type)),
     );
 };
 
@@ -99,8 +99,7 @@ onMounted(async () => {
                 option-label="name"
                 hide-selected
                 dense
-                outlined
-                rounded
+                filled
                 data-cy="InvoiceOutGlobalClientSelect"
             >
                 <template #option="scope">
@@ -124,19 +123,18 @@ onMounted(async () => {
                 option-label="type"
                 hide-selected
                 dense
-                outlined
-                rounded
+                filled
                 data-cy="InvoiceOutGlobalSerialSelect"
             />
             <VnInputDate
                 v-model="formData.invoiceDate"
                 :label="t('invoiceDate')"
-                is-outlined
+                filled
             />
             <VnInputDate
                 v-model="formData.maxShipped"
                 :label="t('maxShipped')"
-                is-outlined
+                filled
                 data-cy="InvoiceOutGlobalMaxShippedDate"
             />
             <VnSelect
@@ -145,8 +143,7 @@ onMounted(async () => {
                 :options="companiesOptions"
                 option-label="code"
                 dense
-                outlined
-                rounded
+                filled
                 data-cy="InvoiceOutGlobalCompanySelect"
             />
             <VnSelect
@@ -154,8 +151,7 @@ onMounted(async () => {
                 v-model="formData.printer"
                 :options="printersOptions"
                 dense
-                outlined
-                rounded
+                filled
                 data-cy="InvoiceOutGlobalPrinterSelect"
             />
         </div>
@@ -166,7 +162,7 @@ onMounted(async () => {
             color="primary"
             class="q-mt-md full-width"
             unelevated
-            rounded
+            filled
             dense
         />
         <QBtn
@@ -175,7 +171,7 @@ onMounted(async () => {
             color="primary"
             class="q-mt-md full-width"
             unelevated
-            rounded
+            filled
             dense
             @click="getStatus = 'stopping'"
         />
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
index b24c8b2471..321f48664e 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
@@ -35,17 +35,13 @@ const props = defineProps({
                     <VnInputDate
                         v-model="params.from"
                         :label="t('globals.from')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInputDate
-                        v-model="params.to"
-                        :label="t('globals.to')"
-                        is-outlined
-                    />
+                    <VnInputDate v-model="params.to" :label="t('globals.to')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -58,7 +54,7 @@ const props = defineProps({
                         option-value="code"
                         dense
                         outlined
-                        rounded
+                        filled
                         @update:model-value="searchFn()"
                     >
                         <template #option="scope">
@@ -86,7 +82,7 @@ const props = defineProps({
                         option-value="name"
                         outlined
                         dense
-                        rounded
+                        filled
                         @update:model-value="searchFn()"
                     >
                         <template #option="scope">
@@ -112,7 +108,7 @@ const props = defineProps({
                         v-model="params.clientId"
                         outlined
                         dense
-                        rounded
+                        filled
                         @update:model-value="searchFn()"
                     />
                 </QItemSection>
@@ -122,7 +118,7 @@ const props = defineProps({
                     <VnInputNumber
                         v-model="params.amount"
                         :label="t('globals.amount')"
-                        is-outlined
+                        filled
                         :positive="false"
                     />
                 </QItemSection>
@@ -132,7 +128,7 @@ const props = defineProps({
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.departmentFk')"
                         v-model="params.departmentFk"
                         option-value="id"
diff --git a/src/pages/Item/ItemFixedPriceFilter.vue b/src/pages/Item/ItemFixedPriceFilter.vue
index 8d92e245db..97fbe528ac 100644
--- a/src/pages/Item/ItemFixedPriceFilter.vue
+++ b/src/pages/Item/ItemFixedPriceFilter.vue
@@ -13,7 +13,6 @@ const props = defineProps({
         required: true,
     },
 });
-
 </script>
 
 <template>
@@ -28,8 +27,7 @@ const props = defineProps({
                         :fields="['id', 'nickname']"
                         option-label="nickname"
                         dense
-                        outlined
-                        rounded
+                        filled
                         use-input
                         @update:model-value="searchFn()"
                         sort-by="nickname ASC"
@@ -47,7 +45,7 @@ const props = defineProps({
                         v-model="params.warehouseFk"
                         dense
                         outlined
-                        rounded
+                        filled
                         use-input
                         @update:model-value="searchFn()"
                     />
@@ -58,7 +56,7 @@ const props = defineProps({
                     <VnInputDate
                         :label="t('params.started')"
                         v-model="params.started"
-                        is-outlined
+                        filled
                         @update:model-value="searchFn()"
                     />
                 </QItemSection>
@@ -68,7 +66,7 @@ const props = defineProps({
                     <VnInputDate
                         :label="t('params.ended')"
                         v-model="params.ended"
-                        is-outlined
+                        filled
                         @update:model-value="searchFn()"
                     />
                 </QItemSection>
diff --git a/src/pages/Item/ItemListFilter.vue b/src/pages/Item/ItemListFilter.vue
index 22e948e06d..b37435a84d 100644
--- a/src/pages/Item/ItemListFilter.vue
+++ b/src/pages/Item/ItemListFilter.vue
@@ -177,11 +177,7 @@ onMounted(async () => {
         <template #body="{ params, searchFn }">
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        v-model="params.search"
-                        :label="t('params.search')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.search" :label="t('params.search')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -198,7 +194,7 @@ onMounted(async () => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -214,7 +210,7 @@ onMounted(async () => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                         <template #option="scope">
                             <QItem v-bind="scope.itemProps">
@@ -241,7 +237,7 @@ onMounted(async () => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -253,7 +249,7 @@ onMounted(async () => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -283,7 +279,7 @@ onMounted(async () => {
                         option-label="name"
                         dense
                         outlined
-                        rounded
+                        filled
                         :emit-value="false"
                         use-input
                         :is-clearable="false"
@@ -300,7 +296,7 @@ onMounted(async () => {
                         option-label="value"
                         dense
                         outlined
-                        rounded
+                        filled
                         emit-value
                         use-input
                         :disable="!tag"
@@ -312,7 +308,7 @@ onMounted(async () => {
                         v-model="tag.value"
                         :label="t('params.value')"
                         :disable="!tag"
-                        is-outlined
+                        filled
                         :is-clearable="false"
                         @keydown.enter.prevent="applyTags(params, searchFn)"
                     />
@@ -352,7 +348,7 @@ onMounted(async () => {
                         option-value="label"
                         dense
                         outlined
-                        rounded
+                        filled
                         :emit-value="false"
                         use-input
                         :is-clearable="false"
@@ -377,7 +373,7 @@ onMounted(async () => {
                         v-model="fieldFilter.value"
                         :label="t('params.value')"
                         :disable="!fieldFilter.selectedField"
-                        is-outlined
+                        filled
                         @keydown.enter="applyFieldFilters(params, searchFn)"
                     />
                 </QItemSection>
diff --git a/src/pages/Item/ItemRequestFilter.vue b/src/pages/Item/ItemRequestFilter.vue
index a29203df30..88f53d1f81 100644
--- a/src/pages/Item/ItemRequestFilter.vue
+++ b/src/pages/Item/ItemRequestFilter.vue
@@ -87,11 +87,7 @@ onMounted(async () => {
         <template #body="{ params, searchFn }">
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        v-model="params.search"
-                        :label="t('params.search')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.search" :label="t('params.search')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -99,7 +95,7 @@ onMounted(async () => {
                     <VnInput
                         v-model="params.ticketFk"
                         :label="t('params.ticketFk')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -115,7 +111,7 @@ onMounted(async () => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -124,7 +120,7 @@ onMounted(async () => {
                     <VnInput
                         v-model="params.clientFk"
                         :label="t('params.clientFk')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -140,7 +136,7 @@ onMounted(async () => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -154,24 +150,16 @@ onMounted(async () => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInputDate
-                        v-model="params.from"
-                        :label="t('params.from')"
-                        is-outlined
-                    />
+                    <VnInputDate v-model="params.from" :label="t('params.from')" filled />
                 </QItemSection>
                 <QItemSection>
-                    <VnInputDate
-                        v-model="params.to"
-                        :label="t('params.to')"
-                        is-outlined
-                    />
+                    <VnInputDate v-model="params.to" :label="t('params.to')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -180,7 +168,7 @@ onMounted(async () => {
                         :label="t('params.daysOnward')"
                         v-model="params.daysOnward"
                         lazy-rules
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -196,7 +184,7 @@ onMounted(async () => {
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/Monitor/Ticket/MonitorTicketFilter.vue b/src/pages/Monitor/Ticket/MonitorTicketFilter.vue
index 447dd35b83..4d93f2de59 100644
--- a/src/pages/Monitor/Ticket/MonitorTicketFilter.vue
+++ b/src/pages/Monitor/Ticket/MonitorTicketFilter.vue
@@ -77,7 +77,7 @@ const getLocale = (label) => {
                     <VnInput
                         :label="t('globals.params.clientFk')"
                         v-model="params.clientFk"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -86,7 +86,7 @@ const getLocale = (label) => {
                     <VnInput
                         :label="t('params.orderFk')"
                         v-model="params.orderFk"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -95,7 +95,7 @@ const getLocale = (label) => {
                     <VnInputNumber
                         :label="t('params.scopeDays')"
                         v-model="params.scopeDays"
-                        is-outlined
+                        filled
                         @update:model-value="(val) => handleScopeDays(params, val)"
                         @remove="(val) => handleScopeDays(params, val)"
                     />
@@ -106,7 +106,7 @@ const getLocale = (label) => {
                     <VnInput
                         :label="t('params.nickname')"
                         v-model="params.nickname"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -115,7 +115,7 @@ const getLocale = (label) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.departmentFk')"
                         v-model="params.departmentFk"
                         option-value="id"
@@ -126,11 +126,7 @@ const getLocale = (label) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('params.refFk')"
-                        v-model="params.refFk"
-                        is-outlined
-                    />
+                    <VnInput :label="t('params.refFk')" v-model="params.refFk" filled />
                 </QItemSection>
             </QItem>
 
@@ -139,11 +135,10 @@ const getLocale = (label) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('params.agencyModeFk')"
                         v-model="params.agencyModeFk"
                         url="AgencyModes/isActive"
-                        is-outlined
                     />
                 </QItemSection>
             </QItem>
@@ -152,11 +147,10 @@ const getLocale = (label) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.stateFk')"
                         v-model="params.stateFk"
                         url="States"
-                        is-outlined
                     />
                 </QItemSection>
             </QItem>
@@ -165,7 +159,7 @@ const getLocale = (label) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('params.groupedStates')"
                         v-model="params.alertLevel"
                         :options="groupedStates"
@@ -178,7 +172,7 @@ const getLocale = (label) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.warehouseFk')"
                         v-model="params.warehouseFk"
                         :options="warehouses"
@@ -190,7 +184,7 @@ const getLocale = (label) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.countryFk')"
                         v-model="params.countryFk"
                         url="Countries"
@@ -202,7 +196,7 @@ const getLocale = (label) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.provinceFk')"
                         v-model="params.provinceFk"
                         url="Provinces"
@@ -214,7 +208,7 @@ const getLocale = (label) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.departmentFk')"
                         v-model="params.department"
                         option-label="name"
@@ -228,7 +222,7 @@ const getLocale = (label) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.packing')"
                         v-model="params.packing"
                         url="ItemPackingTypes"
diff --git a/src/pages/Order/Card/CatalogFilterValueDialog.vue b/src/pages/Order/Card/CatalogFilterValueDialog.vue
index d1bd48c9e9..6c2684c27a 100644
--- a/src/pages/Order/Card/CatalogFilterValueDialog.vue
+++ b/src/pages/Order/Card/CatalogFilterValueDialog.vue
@@ -59,7 +59,7 @@ const getSelectedTagValues = async (tag) => {
                 dense
                 outlined
                 class="q-mb-md"
-                rounded
+                filled
                 :emit-value="false"
                 use-input
                 @update:model-value="getSelectedTagValues"
@@ -80,7 +80,7 @@ const getSelectedTagValues = async (tag) => {
                         option-label="value"
                         dense
                         outlined
-                        rounded
+                        filled
                         emit-value
                         use-input
                         :disable="!value || !selectedTag"
@@ -101,7 +101,7 @@ const getSelectedTagValues = async (tag) => {
                         size="md"
                         outlined
                         dense
-                        rounded
+                        filled
                         flat
                         class="filter-icon col-2"
                         @click="tagValues.splice(index, 1)"
diff --git a/src/pages/Order/Card/OrderCatalogFilter.vue b/src/pages/Order/Card/OrderCatalogFilter.vue
index d16a920179..8b8a563d83 100644
--- a/src/pages/Order/Card/OrderCatalogFilter.vue
+++ b/src/pages/Order/Card/OrderCatalogFilter.vue
@@ -222,7 +222,7 @@ function addOrder(value, field, params) {
                         option-label="name"
                         dense
                         outlined
-                        rounded
+                        filled
                         emit-value
                         use-input
                         sort-by="name ASC"
@@ -252,7 +252,7 @@ function addOrder(value, field, params) {
                         :options="orderByList"
                         dense
                         outlined
-                        rounded
+                        filled
                         @update:model-value="(value) => addOrder(value, 'field', params)"
                     />
                 </QItemSection>
@@ -265,7 +265,7 @@ function addOrder(value, field, params) {
                         :options="orderWayList"
                         dense
                         outlined
-                        rounded
+                        filled
                         @update:model-value="(value) => addOrder(value, 'way', params)"
                     />
                 </QItemSection>
@@ -276,7 +276,7 @@ function addOrder(value, field, params) {
                     :label="t('components.itemsFilterPanel.value')"
                     dense
                     outlined
-                    rounded
+                    filled
                     :is-clearable="false"
                     v-model="searchByTag"
                     @keyup.enter="(val) => onSearchByTag(val, params)"
diff --git a/src/pages/Order/Card/OrderFilter.vue b/src/pages/Order/Card/OrderFilter.vue
index 42578423f4..127601d04d 100644
--- a/src/pages/Order/Card/OrderFilter.vue
+++ b/src/pages/Order/Card/OrderFilter.vue
@@ -50,7 +50,7 @@ const sourceList = ref([]);
                     lazy-rules
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnSelect
                     :label="t('agency')"
@@ -59,12 +59,12 @@ const sourceList = ref([]);
                     :input-debounce="0"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnSelect
                     outlined
                     dense
-                    rounded
+                    filled
                     :label="t('globals.params.departmentFk')"
                     v-model="params.departmentFk"
                     option-value="id"
@@ -76,20 +76,20 @@ const sourceList = ref([]);
                     :label="t('fromLanded')"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnInputDate
                     v-model="params.to"
                     :label="t('toLanded')"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnInput
                     :label="t('orderId')"
                     v-model="params.orderFk"
                     lazy-rules
-                    is-outlined
+                    filled
                 />
                 <VnSelect
                     :label="t('application')"
@@ -99,7 +99,7 @@ const sourceList = ref([]);
                     option-value="value"
                     dense
                     outlined
-                    rounded
+                    filled
                     :input-debounce="0"
                 />
                 <QCheckbox
diff --git a/src/pages/Route/Card/RouteAutonomousFilter.vue b/src/pages/Route/Card/RouteAutonomousFilter.vue
index f70f60e1c1..96298f515a 100644
--- a/src/pages/Route/Card/RouteAutonomousFilter.vue
+++ b/src/pages/Route/Card/RouteAutonomousFilter.vue
@@ -71,7 +71,7 @@ const exprBuilder = (param, value) => {
             <QList dense>
                 <QItem class="q-my-sm">
                     <QItemSection>
-                        <VnInput v-model="params.routeFk" :label="t('ID')" is-outlined />
+                        <VnInput v-model="params.routeFk" :label="t('ID')" filled />
                     </QItemSection>
                 </QItem>
                 <QItem class="q-my-sm" v-if="agencyList">
@@ -84,7 +84,7 @@ const exprBuilder = (param, value) => {
                             option-label="name"
                             dense
                             outlined
-                            rounded
+                            filled
                             emit-value
                             map-options
                             use-input
@@ -103,7 +103,7 @@ const exprBuilder = (param, value) => {
                             option-label="name"
                             dense
                             outlined
-                            rounded
+                            filled
                             emit-value
                             map-options
                             use-input
@@ -124,7 +124,7 @@ const exprBuilder = (param, value) => {
                             option-label="name"
                             dense
                             outlined
-                            rounded
+                            filled
                             emit-value
                             map-options
                             use-input
@@ -135,20 +135,12 @@ const exprBuilder = (param, value) => {
                 </QItem>
                 <QItem class="q-my-sm">
                     <QItemSection>
-                        <VnInputDate
-                            v-model="params.dated"
-                            :label="t('Date')"
-                            is-outlined
-                        />
+                        <VnInputDate v-model="params.dated" :label="t('Date')" filled />
                     </QItemSection>
                 </QItem>
                 <QItem class="q-my-sm">
                     <QItemSection>
-                        <VnInputDate
-                            v-model="params.from"
-                            :label="t('From')"
-                            is-outlined
-                        />
+                        <VnInputDate v-model="params.from" :label="t('From')" filled />
                     </QItemSection>
                 </QItem>
                 <QItem class="q-my-sm">
@@ -156,7 +148,7 @@ const exprBuilder = (param, value) => {
                         <VnInputDate
                             v-model="params.to"
                             :label="t('To')"
-                            is-outlined
+                            filled
                             is-clearable
                         />
                     </QItemSection>
@@ -166,23 +158,23 @@ const exprBuilder = (param, value) => {
                         <VnInput
                             v-model="params.packages"
                             :label="t('Packages')"
-                            is-outlined
+                            filled
                         />
                     </QItemSection>
                 </QItem>
                 <QItem class="q-my-sm">
                     <QItemSection>
-                        <VnInput v-model="params.m3" :label="t('m3')" is-outlined />
+                        <VnInput v-model="params.m3" :label="t('m3')" filled />
                     </QItemSection>
                 </QItem>
                 <QItem class="q-my-sm">
                     <QItemSection>
-                        <VnInput v-model="params.kmTotal" :label="t('Km')" is-outlined />
+                        <VnInput v-model="params.kmTotal" :label="t('Km')" filled />
                     </QItemSection>
                 </QItem>
                 <QItem class="q-my-sm">
                     <QItemSection>
-                        <VnInput v-model="params.price" :label="t('Price')" is-outlined />
+                        <VnInput v-model="params.price" :label="t('Price')" filled />
                     </QItemSection>
                 </QItem>
                 <QItem class="q-my-sm">
@@ -190,7 +182,7 @@ const exprBuilder = (param, value) => {
                         <VnInput
                             v-model="params.invoiceInFk"
                             :label="t('Received')"
-                            is-outlined
+                            filled
                         />
                     </QItemSection>
                 </QItem>
diff --git a/src/pages/Route/Card/RouteFilter.vue b/src/pages/Route/Card/RouteFilter.vue
index cb51585171..2fa04559cc 100644
--- a/src/pages/Route/Card/RouteFilter.vue
+++ b/src/pages/Route/Card/RouteFilter.vue
@@ -37,7 +37,7 @@ const emit = defineEmits(['search']);
                         v-model="params.workerFk"
                         dense
                         outlined
-                        rounded
+                        filled
                         :input-debounce="0"
                     />
                 </QItemSection>
@@ -53,7 +53,7 @@ const emit = defineEmits(['search']);
                         option-label="name"
                         dense
                         outlined
-                        rounded
+                        filled
                         :input-debounce="0"
                     />
                 </QItemSection>
@@ -63,7 +63,7 @@ const emit = defineEmits(['search']);
                     <VnInputDate
                         v-model="params.from"
                         :label="t('globals.from')"
-                        is-outlined
+                        filled
                         :disable="Boolean(params.scopeDays)"
                         @update:model-value="params.scopeDays = null"
                     />
@@ -74,7 +74,7 @@ const emit = defineEmits(['search']);
                     <VnInputDate
                         v-model="params.to"
                         :label="t('globals.to')"
-                        is-outlined
+                        filled
                         :disable="Boolean(params.scopeDays)"
                         @update:model-value="params.scopeDays = null"
                     />
@@ -86,7 +86,7 @@ const emit = defineEmits(['search']);
                         v-model="params.scopeDays"
                         type="number"
                         :label="t('globals.daysOnward')"
-                        is-outlined
+                        filled
                         clearable
                         :disable="Boolean(params.from || params.to)"
                         @update:model-value="
@@ -108,14 +108,14 @@ const emit = defineEmits(['search']);
                         option-filter-value="numberPlate"
                         dense
                         outlined
-                        rounded
+                        filled
                         :input-debounce="0"
                     />
                 </QItemSection>
             </QItem>
             <QItem class="q-my-sm">
                 <QItemSection>
-                    <VnInput v-model="params.m3" label="m³" is-outlined clearable />
+                    <VnInput v-model="params.m3" label="m³" filled clearable />
                 </QItemSection>
             </QItem>
             <QItem class="q-my-sm">
@@ -128,7 +128,7 @@ const emit = defineEmits(['search']);
                         option-label="name"
                         dense
                         outlined
-                        rounded
+                        filled
                         :input-debounce="0"
                     />
                 </QItemSection>
@@ -138,7 +138,7 @@ const emit = defineEmits(['search']);
                     <VnInput
                         v-model="params.description"
                         :label="t('globals.description')"
-                        is-outlined
+                        filled
                         clearable
                     />
                 </QItemSection>
diff --git a/src/pages/Route/Roadmap/RoadmapFilter.vue b/src/pages/Route/Roadmap/RoadmapFilter.vue
index 982f1efba5..15e7e64e49 100644
--- a/src/pages/Route/Roadmap/RoadmapFilter.vue
+++ b/src/pages/Route/Roadmap/RoadmapFilter.vue
@@ -31,12 +31,12 @@ const emit = defineEmits(['search']);
         <template #body="{ params }">
             <QItem class="q-my-sm">
                 <QItemSection>
-                    <VnInputDate v-model="params.from" :label="t('From')" is-outlined />
+                    <VnInputDate v-model="params.from" :label="t('From')" filled />
                 </QItemSection>
             </QItem>
             <QItem class="q-my-sm">
                 <QItemSection>
-                    <VnInputDate v-model="params.to" :label="t('To')" is-outlined />
+                    <VnInputDate v-model="params.to" :label="t('To')" filled />
                 </QItemSection>
             </QItem>
             <QItem class="q-my-sm">
@@ -44,7 +44,7 @@ const emit = defineEmits(['search']);
                     <VnInput
                         v-model="params.tractorPlate"
                         :label="t('Tractor Plate')"
-                        is-outlined
+                        filled
                         clearable
                     />
                 </QItemSection>
@@ -54,7 +54,7 @@ const emit = defineEmits(['search']);
                     <VnInput
                         v-model="params.trailerPlate"
                         :label="t('Trailer Plate')"
-                        is-outlined
+                        filled
                         clearable
                     />
                 </QItemSection>
@@ -67,7 +67,7 @@ const emit = defineEmits(['search']);
                         v-model="params.supplierFk"
                         dense
                         outlined
-                        rounded
+                        filled
                         emit-value
                         map-options
                         use-input
@@ -81,7 +81,7 @@ const emit = defineEmits(['search']);
                         v-model="params.price"
                         :label="t('Price')"
                         type="number"
-                        is-outlined
+                        filled
                         clearable
                     />
                 </QItemSection>
@@ -91,7 +91,7 @@ const emit = defineEmits(['search']);
                     <VnInput
                         v-model="params.driverName"
                         :label="t('Driver name')"
-                        is-outlined
+                        filled
                         clearable
                     />
                 </QItemSection>
@@ -101,7 +101,7 @@ const emit = defineEmits(['search']);
                     <VnInput
                         v-model="params.phone"
                         :label="t('Phone')"
-                        is-outlined
+                        filled
                         clearable
                     />
                 </QItemSection>
diff --git a/src/pages/Shelving/Card/ShelvingFilter.vue b/src/pages/Shelving/Card/ShelvingFilter.vue
index 88d716046a..f91622cfdb 100644
--- a/src/pages/Shelving/Card/ShelvingFilter.vue
+++ b/src/pages/Shelving/Card/ShelvingFilter.vue
@@ -40,14 +40,14 @@ const emit = defineEmits(['search']);
                         :filter-options="['id', 'code']"
                         dense
                         outlined
-                        rounded
+                        filled
                         sort-by="code ASC"
                     />
                 </QItemSection>
             </QItem>
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnSelectWorker v-model="params.userFk" outlined rounded />
+                    <VnSelectWorker v-model="params.userFk" outlined filled />
                 </QItemSection>
             </QItem>
             <QItem class="q-mb-md">
diff --git a/src/pages/Shelving/Parking/ParkingFilter.vue b/src/pages/Shelving/Parking/ParkingFilter.vue
index 1d7c3a4b60..509b08f4cc 100644
--- a/src/pages/Shelving/Parking/ParkingFilter.vue
+++ b/src/pages/Shelving/Parking/ParkingFilter.vue
@@ -36,11 +36,7 @@ const emit = defineEmits(['search']);
         <template #body="{ params }">
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('params.code')"
-                        v-model="params.code"
-                        is-outlined
-                    />
+                    <VnInput :label="t('params.code')" v-model="params.code" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -52,7 +48,7 @@ const emit = defineEmits(['search']);
                         :label="t('params.sectorFk')"
                         dense
                         outlined
-                        rounded
+                        filled
                         :options="sectors"
                         use-input
                         input-debounce="0"
diff --git a/src/pages/Supplier/Card/SupplierBalanceFilter.vue b/src/pages/Supplier/Card/SupplierBalanceFilter.vue
index c4b63d9c8b..b7c5555fae 100644
--- a/src/pages/Supplier/Card/SupplierBalanceFilter.vue
+++ b/src/pages/Supplier/Card/SupplierBalanceFilter.vue
@@ -33,7 +33,7 @@ defineProps({
                         :label="t('params.from')"
                         v-model="params.from"
                         @update:model-value="searchFn()"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -48,7 +48,7 @@ defineProps({
                         sort-by="id"
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                         <template #option="scope">
                             <QItem v-bind="scope.itemProps">
@@ -75,7 +75,7 @@ defineProps({
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/Supplier/Card/SupplierConsumptionFilter.vue b/src/pages/Supplier/Card/SupplierConsumptionFilter.vue
index 390f7d9ff7..4de0c0039e 100644
--- a/src/pages/Supplier/Card/SupplierConsumptionFilter.vue
+++ b/src/pages/Supplier/Card/SupplierConsumptionFilter.vue
@@ -25,20 +25,12 @@ defineProps({
         <template #body="{ params, searchFn }">
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        v-model="params.search"
-                        :label="t('params.search')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.search" :label="t('params.search')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        v-model="params.itemId"
-                        :label="t('params.itemId')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.itemId" :label="t('params.itemId')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -55,7 +47,7 @@ defineProps({
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -74,7 +66,7 @@ defineProps({
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                         <template #option="scope">
                             <QItem v-bind="scope.itemProps">
@@ -103,7 +95,7 @@ defineProps({
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -113,7 +105,7 @@ defineProps({
                         :label="t('params.from')"
                         v-model="params.from"
                         @update:model-value="searchFn()"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -123,7 +115,7 @@ defineProps({
                         :label="t('params.to')"
                         v-model="params.to"
                         @update:model-value="searchFn()"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/Ticket/Negative/TicketLackFilter.vue b/src/pages/Ticket/Negative/TicketLackFilter.vue
index 3762f453d8..e5b34dcf6b 100644
--- a/src/pages/Ticket/Negative/TicketLackFilter.vue
+++ b/src/pages/Ticket/Negative/TicketLackFilter.vue
@@ -81,7 +81,7 @@ const setUserParams = (params) => {
                             v-model="params.days"
                             :label="t('negative.days')"
                             dense
-                            is-outlined
+                            filled
                             type="number"
                             @update:model-value="
                                 (value) => {
@@ -97,7 +97,7 @@ const setUserParams = (params) => {
                             v-model="params.id"
                             :label="t('negative.id')"
                             dense
-                            is-outlined
+                            filled
                         />
                     </QItemSection>
                 </QItem>
@@ -107,7 +107,7 @@ const setUserParams = (params) => {
                             v-model="params.producer"
                             :label="t('negative.producer')"
                             dense
-                            is-outlined
+                            filled
                         />
                     </QItemSection>
                 </QItem>
@@ -117,7 +117,7 @@ const setUserParams = (params) => {
                             v-model="params.origen"
                             :label="t('negative.origen')"
                             dense
-                            is-outlined
+                            filled
                         />
                     </QItemSection> </QItem
                 ><QItem>
@@ -134,7 +134,7 @@ const setUserParams = (params) => {
                             hide-selected
                             dense
                             outlined
-                            rounded
+                            filled
                         /> </QItemSection
                     ><QItemSection v-else>
                         <QSkeleton class="full-width" type="QSelect" />
@@ -152,7 +152,7 @@ const setUserParams = (params) => {
                             hide-selected
                             dense
                             outlined
-                            rounded
+                            filled
                         >
                             <template #option="scope">
                                 <QItem v-bind="scope.itemProps">
diff --git a/src/pages/Ticket/TicketAdvanceFilter.vue b/src/pages/Ticket/TicketAdvanceFilter.vue
index 6d5c7726e1..c59db53f22 100644
--- a/src/pages/Ticket/TicketAdvanceFilter.vue
+++ b/src/pages/Ticket/TicketAdvanceFilter.vue
@@ -71,7 +71,7 @@ onMounted(async () => await getItemPackingTypes());
                     <VnInputDate
                         v-model="params.dateFuture"
                         :label="t('params.dateFuture')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -80,7 +80,7 @@ onMounted(async () => await getItemPackingTypes());
                     <VnInputDate
                         v-model="params.dateToAdvance"
                         :label="t('params.dateToAdvance')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -96,7 +96,7 @@ onMounted(async () => await getItemPackingTypes());
                         @update:model-value="searchFn()"
                         dense
                         outlined
-                        rounded
+                        filled
                         :use-like="false"
                     >
                     </VnSelect>
@@ -114,7 +114,7 @@ onMounted(async () => await getItemPackingTypes());
                         @update:model-value="searchFn()"
                         dense
                         outlined
-                        rounded
+                        filled
                         :use-like="false"
                     >
                     </VnSelect>
@@ -125,7 +125,7 @@ onMounted(async () => await getItemPackingTypes());
                     <VnInputNumber
                         v-model="params.scopeDays"
                         :label="t('Days onward')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -148,7 +148,7 @@ onMounted(async () => await getItemPackingTypes());
                         :fields="['id', 'name']"
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -163,7 +163,7 @@ onMounted(async () => await getItemPackingTypes());
                         @update:model-value="searchFn()"
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                     </VnSelect>
                 </QItemSection>
diff --git a/src/pages/Ticket/TicketFilter.vue b/src/pages/Ticket/TicketFilter.vue
index f959157f68..ccc42f9be5 100644
--- a/src/pages/Ticket/TicketFilter.vue
+++ b/src/pages/Ticket/TicketFilter.vue
@@ -63,18 +63,10 @@ const getGroupedStates = (data) => {
         <template #body="{ params, searchFn }">
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        v-model="params.clientFk"
-                        :label="t('Customer ID')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.clientFk" :label="t('Customer ID')" filled />
                 </QItemSection>
                 <QItemSection>
-                    <VnInput
-                        v-model="params.orderFk"
-                        :label="t('Order ID')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.orderFk" :label="t('Order ID')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -82,7 +74,7 @@ const getGroupedStates = (data) => {
                     <VnInputDate
                         v-model="params.from"
                         :label="t('From')"
-                        is-outlined
+                        filled
                         data-cy="From_date"
                     />
                 </QItemSection>
@@ -90,7 +82,7 @@ const getGroupedStates = (data) => {
                     <VnInputDate
                         v-model="params.to"
                         :label="t('To')"
-                        is-outlined
+                        filled
                         data-cy="To_date"
                     />
                 </QItemSection>
@@ -100,7 +92,7 @@ const getGroupedStates = (data) => {
                     <VnSelect
                         outlined
                         dense
-                        rounded
+                        filled
                         :label="t('globals.params.departmentFk')"
                         v-model="params.departmentFk"
                         option-value="id"
@@ -126,7 +118,7 @@ const getGroupedStates = (data) => {
                         use-input
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -147,18 +139,14 @@ const getGroupedStates = (data) => {
                         use-input
                         dense
                         outlined
-                        rounded
+                        filled
                         sort-by="name ASC"
                     />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        v-model="params.refFk"
-                        :label="t('Invoice Ref.')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.refFk" :label="t('Invoice Ref.')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -166,17 +154,13 @@ const getGroupedStates = (data) => {
                     <VnInput
                         v-model="params.scopeDays"
                         :label="t('Days onward')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        v-model="params.nickname"
-                        :label="t('Nickname')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.nickname" :label="t('Nickname')" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -242,7 +226,7 @@ const getGroupedStates = (data) => {
                         use-input
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -261,7 +245,7 @@ const getGroupedStates = (data) => {
                         use-input
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -282,7 +266,7 @@ const getGroupedStates = (data) => {
                         use-input
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -291,7 +275,7 @@ const getGroupedStates = (data) => {
                     <VnInput
                         v-model="params.collectionFk"
                         :label="t('Collection')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/Ticket/TicketFutureFilter.vue b/src/pages/Ticket/TicketFutureFilter.vue
index 64e060a392..92b6bfd62c 100644
--- a/src/pages/Ticket/TicketFutureFilter.vue
+++ b/src/pages/Ticket/TicketFutureFilter.vue
@@ -73,7 +73,7 @@ onMounted(async () => {
                     <VnInputDate
                         v-model="params.originScopeDays"
                         :label="t('params.originScopeDays')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -82,7 +82,7 @@ onMounted(async () => {
                     <VnInputDate
                         v-model="params.futureScopeDays"
                         :label="t('params.futureScopeDays')"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -91,7 +91,7 @@ onMounted(async () => {
                     <VnInput
                         :label="t('params.litersMax')"
                         v-model="params.litersMax"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -100,7 +100,7 @@ onMounted(async () => {
                     <VnInput
                         :label="t('params.linesMax')"
                         v-model="params.linesMax"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -116,7 +116,7 @@ onMounted(async () => {
                         @update:model-value="searchFn()"
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                     </VnSelect>
                 </QItemSection>
@@ -133,7 +133,7 @@ onMounted(async () => {
                         @update:model-value="searchFn()"
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                     </VnSelect>
                 </QItemSection>
@@ -149,7 +149,7 @@ onMounted(async () => {
                         @update:model-value="searchFn()"
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                     </VnSelect>
                 </QItemSection>
@@ -165,7 +165,7 @@ onMounted(async () => {
                         @update:model-value="searchFn()"
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                     </VnSelect>
                 </QItemSection>
@@ -192,7 +192,7 @@ onMounted(async () => {
                         @update:model-value="searchFn()"
                         dense
                         outlined
-                        rounded
+                        filled
                     >
                     </VnSelect>
                 </QItemSection>
diff --git a/src/pages/Travel/ExtraCommunityFilter.vue b/src/pages/Travel/ExtraCommunityFilter.vue
index ae6e695bec..acb8c4e72d 100644
--- a/src/pages/Travel/ExtraCommunityFilter.vue
+++ b/src/pages/Travel/ExtraCommunityFilter.vue
@@ -87,7 +87,7 @@ warehouses();
         <template #body="{ params, searchFn }">
             <QItem>
                 <QItemSection>
-                    <VnInput label="id" v-model="params.id" is-outlined />
+                    <VnInput label="id" v-model="params.id" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -95,7 +95,7 @@ warehouses();
                     <VnInput
                         :label="t('extraCommunity.filter.reference')"
                         v-model="params.reference"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -107,7 +107,7 @@ warehouses();
                         :label="t('extraCommunity.filter.totalEntries')"
                         dense
                         outlined
-                        rounded
+                        filled
                         min="0"
                         class="input-number"
                     >
@@ -142,7 +142,7 @@ warehouses();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -152,7 +152,7 @@ warehouses();
                         :label="t('extraCommunity.filter.shippedFrom')"
                         v-model="params.shippedFrom"
                         @update:model-value="searchFn()"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -162,7 +162,7 @@ warehouses();
                         :label="t('extraCommunity.filter.landedTo')"
                         v-model="params.landedTo"
                         @update:model-value="searchFn()"
-                        is-outlined
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -177,7 +177,7 @@ warehouses();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -192,7 +192,7 @@ warehouses();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -207,7 +207,7 @@ warehouses();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -219,7 +219,7 @@ warehouses();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -230,7 +230,7 @@ warehouses();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
@@ -246,7 +246,7 @@ warehouses();
                         hide-selected
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
diff --git a/src/pages/Travel/TravelFilter.vue b/src/pages/Travel/TravelFilter.vue
index 4a9c809526..c36ba2ecc1 100644
--- a/src/pages/Travel/TravelFilter.vue
+++ b/src/pages/Travel/TravelFilter.vue
@@ -33,19 +33,14 @@ defineExpose({ states });
         </template>
         <template #body="{ params, searchFn }">
             <div class="q-pa-sm q-gutter-y-sm">
-                <VnInput
-                    :label="t('travel.Id')"
-                    v-model="params.id"
-                    lazy-rules
-                    is-outlined
-                >
+                <VnInput :label="t('travel.Id')" v-model="params.id" lazy-rules filled>
                     <template #prepend> <QIcon name="badge" size="xs" /></template>
                 </VnInput>
                 <VnInput
                     :label="t('travel.ref')"
                     v-model="params.ref"
                     lazy-rules
-                    is-outlined
+                    filled
                 />
                 <VnSelect
                     :label="t('travel.agency')"
@@ -57,7 +52,7 @@ defineExpose({ states });
                     option-filter="name"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnSelect
                     :label="t('travel.warehouseInFk')"
@@ -70,21 +65,21 @@ defineExpose({ states });
                     option-filter="name"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnInputDate
                     :label="t('travel.shipped')"
                     v-model="params.shipped"
                     @update:model-value="searchFn()"
                     outlined
-                    rounded
+                    filled
                 />
                 <VnInputTime
                     v-model="params.shipmentHour"
                     @update:model-value="searchFn()"
                     :label="t('travel.shipmentHour')"
                     outlined
-                    rounded
+                    filled
                     dense
                 />
                 <VnSelect
@@ -98,7 +93,7 @@ defineExpose({ states });
                     option-filter="name"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnInputDate
                     :label="t('travel.landed')"
@@ -106,27 +101,27 @@ defineExpose({ states });
                     @update:model-value="searchFn()"
                     dense
                     outlined
-                    rounded
+                    filled
                 />
                 <VnInputTime
                     v-model="params.landingHour"
                     @update:model-value="searchFn()"
                     :label="t('travel.landingHour')"
                     outlined
-                    rounded
+                    filled
                     dense
                 />
                 <VnInput
                     :label="t('travel.totalEntries')"
                     v-model="params.totalEntries"
                     lazy-rules
-                    is-outlined
+                    filled
                 />
                 <VnInput
                     :label="t('travel.daysOnward')"
                     v-model="params.daysOnward"
                     lazy-rules
-                    is-outlined
+                    filled
                 />
             </div>
         </template>
diff --git a/src/pages/Worker/Card/WorkerCalendarFilter.vue b/src/pages/Worker/Card/WorkerCalendarFilter.vue
index 48fc4094b8..47ca04fae5 100644
--- a/src/pages/Worker/Card/WorkerCalendarFilter.vue
+++ b/src/pages/Worker/Card/WorkerCalendarFilter.vue
@@ -40,7 +40,7 @@ watch(
     (newValue) => {
         checkHolidays(newValue);
     },
-    { deep: true, immediate: true }
+    { deep: true, immediate: true },
 );
 const emit = defineEmits(['update:businessFk', 'update:year', 'update:absenceType']);
 
@@ -175,7 +175,7 @@ const yearList = ref(generateYears());
                     :options="yearList"
                     dense
                     outlined
-                    rounded
+                    filled
                     use-input
                     :is-clearable="false"
                 />
@@ -189,7 +189,7 @@ const yearList = ref(generateYears());
                     option-label="businessFk"
                     dense
                     outlined
-                    rounded
+                    filled
                     use-input
                     :is-clearable="false"
                 >
diff --git a/src/pages/Worker/WorkerFilter.vue b/src/pages/Worker/WorkerFilter.vue
index 8210ba0e33..c247979012 100644
--- a/src/pages/Worker/WorkerFilter.vue
+++ b/src/pages/Worker/WorkerFilter.vue
@@ -35,7 +35,7 @@ const getLocale = (label) => {
         <template #body="{ params }">
             <QItem>
                 <QItemSection>
-                    <VnInput :label="t('FI')" v-model="params.fi" is-outlined
+                    <VnInput :label="t('FI')" v-model="params.fi" filled
                         ><template #prepend>
                             <QIcon name="badge" size="xs"></QIcon> </template
                     ></VnInput>
@@ -43,29 +43,17 @@ const getLocale = (label) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('First Name')"
-                        v-model="params.firstName"
-                        is-outlined
-                    />
+                    <VnInput :label="t('First Name')" v-model="params.firstName" filled />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('Last Name')"
-                        v-model="params.lastName"
-                        is-outlined
-                    />
+                    <VnInput :label="t('Last Name')" v-model="params.lastName" filled />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('User Name')"
-                        v-model="params.userName"
-                        is-outlined
-                    />
+                    <VnInput :label="t('User Name')" v-model="params.userName" filled />
                 </QItemSection>
             </QItem>
             <QItem>
@@ -80,22 +68,18 @@ const getLocale = (label) => {
                         map-options
                         dense
                         outlined
-                        rounded
+                        filled
                     />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput :label="t('Email')" v-model="params.email" is-outlined />
+                    <VnInput :label="t('Email')" v-model="params.email" filled />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('Extension')"
-                        v-model="params.extension"
-                        is-outlined
-                    />
+                    <VnInput :label="t('Extension')" v-model="params.extension" filled />
                 </QItemSection>
             </QItem>
             <QItem>
diff --git a/src/pages/Zone/ZoneDeliveryPanel.vue b/src/pages/Zone/ZoneDeliveryPanel.vue
index a8cb05afcc..b49e3e1b44 100644
--- a/src/pages/Zone/ZoneDeliveryPanel.vue
+++ b/src/pages/Zone/ZoneDeliveryPanel.vue
@@ -96,7 +96,7 @@ watch(
                 hide-selected
                 dense
                 outlined
-                rounded
+                filled
                 map-key="geoFk"
                 data-cy="ZoneDeliveryDaysPostcodeSelect"
             >
@@ -129,7 +129,7 @@ watch(
                 hide-selected
                 dense
                 outlined
-                rounded
+                filled
                 data-cy="ZoneDeliveryDaysAgencySelect"
             />
             <VnSelect