diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 3202b18b3..21d237d2d 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -725,10 +725,9 @@ es:
     max-width: 100%;
     grid-gap: 20px;
     margin: 0 auto;
-}
-
-.q-span-2 {
-    grid-column: span 2;
+    .col-span-2 {
+        grid-column: span 2;
+    }
 }
 
 .flex-one {
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 3473574f3..1ab535835 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -232,7 +232,7 @@ watchEffect(selectedRows);
                     </span>
                 </template>
                 <template #more-create-dialog="{ data }">
-                    <div class="row q-col-gutter-xs q-span-2">
+                    <div class="row q-col-gutter-xs col-span-2">
                         <div class="col-12">
                             <div class="q-col-gutter-xs">
                                 <VnRow fixed>
@@ -430,7 +430,6 @@ watchEffect(selectedRows);
         flex: 0.75;
     }
 }
-
 </style>
 
 <i18n>
diff --git a/src/pages/Supplier/SupplierList.vue b/src/pages/Supplier/SupplierList.vue
index 74cd8b397..12537552d 100644
--- a/src/pages/Supplier/SupplierList.vue
+++ b/src/pages/Supplier/SupplierList.vue
@@ -133,7 +133,12 @@ const columns = computed(() => [
         :columns="columns"
     >
         <template #more-create-dialog="{ data }">
-            <VnInput class="q-span-2" :label="t('globals.name')" v-model="data.socialName" :uppercase="true" />
+            <VnInput
+                class="col-span-2"
+                :label="t('globals.name')"
+                v-model="data.socialName"
+                :uppercase="true"
+            />
         </template>
     </VnTable>
 </template>
diff --git a/src/pages/Worker/WorkerList.vue b/src/pages/Worker/WorkerList.vue
index 75700ef16..363c87cfb 100644
--- a/src/pages/Worker/WorkerList.vue
+++ b/src/pages/Worker/WorkerList.vue
@@ -223,7 +223,7 @@ async function autofillBic(worker) {
                 :right-search="false"
             >
                 <template #more-create-dialog="{ data }">
-                    <div class="q-span-2">
+                    <div class="col-span-2">
                         <VnRadio
                             v-model="data.isFreelance"
                             :val="false"