diff --git a/src/css/app.scss b/src/css/app.scss
index 92bddc304..fa43bdcef 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -40,9 +40,9 @@ body.body--dark {
     --vn-label: #a8a8a8;
 }
 
-html [vn-horizontal],
-vn-horizontal,
-.vn-horizontal {
+html [vnRow],
+vnRow,
+.vnRow {
     @media screen and (max-width: 800px) {
         flex-direction: column;
     }
diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index 4a7f61930..6985e45ab 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -99,7 +99,7 @@ const statesFilter = {
             model="claim"
         >
             <template #form="{ data, validate, filter }">
-                <vn-horizontal class="row q-gutter-md q-mb-md">
+                <vnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QInput
                             v-model="data.client.name"
@@ -136,8 +136,8 @@ const statesFilter = {
                             </template>
                         </QInput>
                     </div>
-                </vn-horizontal>
-                <vn-horizontal class="row q-gutter-md q-mb-md">
+                </vnRow>
+                <vnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QSelect
                             v-model="data.workerFk"
@@ -183,8 +183,8 @@ const statesFilter = {
                         >
                         </QSelect>
                     </div>
-                </vn-horizontal>
-                <vn-horizontal class="row q-gutter-md q-mb-md">
+                </vnRow>
+                <vnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QInput
                             v-model.number="data.packages"
@@ -200,15 +200,15 @@ const statesFilter = {
                             :rules="validate('claim.rma')"
                         />
                     </div>
-                </vn-horizontal>
-                <vn-horizontal class="row q-gutter-md q-mb-md">
+                </vnRow>
+                <vnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QCheckbox
                             v-model="data.hasToPickUp"
                             :label="t('claim.basicData.picked')"
                         />
                     </div>
-                </vn-horizontal>
+                </vnRow>
             </template>
         </FormModel>
     </div>
diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index 230ebc8db..b7e6fd283 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -6,8 +6,6 @@ import { useI18n } from 'vue-i18n';
 import { useSession } from 'src/composables/useSession';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
-import vn-horizontal from 'components/ui/vn-horizontal.vue';
-
 const route = useRoute();
 const { t } = useI18n();
 const session = useSession();
@@ -62,7 +60,7 @@ const filterOptions = {
     <div class="column items-center">
         <FormModel :url="`Clients/${route.params.id}`" model="customer">
             <template #form="{ data, validate, filter }">
-                <vn-horizontal class="row q-gutter-md q-mb-md">
+                <vnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QInput
                             v-model="data.socialName"
@@ -84,8 +82,8 @@ const filterOptions = {
                             :input-debounce="0"
                         />
                     </div>
-                </vn-horizontal>
-                <vn-horizontal class="row q-gutter-md q-mb-md">
+                </vnRow>
+                <vnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QInput
                             v-model="data.contact"
@@ -103,8 +101,8 @@ const filterOptions = {
                             clearable
                         />
                     </div>
-                </vn-horizontal>
-                <vn-horizontal class="row q-gutter-md q-mb-md">
+                </vnRow>
+                <vnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QInput
                             v-model="data.phone"
@@ -121,8 +119,8 @@ const filterOptions = {
                             clearable
                         />
                     </div>
-                </vn-horizontal>
-                <vn-horizontal class="row q-gutter-md q-mb-md">
+                </vnRow>
+                <vnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QSelect
                             v-model="data.salesPersonFk"
@@ -163,7 +161,7 @@ const filterOptions = {
                             :input-debounce="0"
                         />
                     </div>
-                </vn-horizontal>
+                </vnRow>
             </template>
         </FormModel>
     </div>