diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index f5c315b83..cef199104 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -181,7 +181,7 @@ onMounted(() => {
 watch(
     () => $props.columns,
     (value) => splitColumns(value),
-    { immediate: true },
+    { immediate: true }
 );
 
 const isTableMode = computed(() => mode.value == TABLE_MODE);
@@ -212,7 +212,7 @@ function splitColumns(columns) {
     // Status column
     if (splittedColumns.value.chips.length) {
         splittedColumns.value.columnChips = splittedColumns.value.chips.filter(
-            (c) => !c.isId,
+            (c) => !c.isId
         );
         if (splittedColumns.value.columnChips.length)
             splittedColumns.value.columns.unshift({
@@ -318,15 +318,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                 :data-key="$attrs['data-key']"
                 :columns="columns"
                 :redirect="redirect"
-            >
-                <template
-                    v-for="(_, slotName) in $slots"
-                    #[slotName]="slotData"
-                    :key="slotName"
-                >
-                    <slot :name="slotName" v-bind="slotData ?? {}" :key="slotName" />
-                </template>
-            </VnTableFilter>
+            />
         </QScrollArea>
     </QDrawer>
     <CrudModel
@@ -484,9 +476,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                                 btn.isPrimary ? 'text-primary-light' : 'color-vn-text '
                             "
                             :style="`visibility: ${
-                                ((btn.show && btn.show(row)) ?? true)
-                                    ? 'visible'
-                                    : 'hidden'
+                                (btn.show && btn.show(row)) ?? true ? 'visible' : 'hidden'
                             }`"
                             @click="btn.action(row)"
                         />
@@ -500,7 +490,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                         <QCard
                             bordered
                             flat
-                            class="row no-wrap justify-between cursor-pointer q-pa-lg"
+                            class="row no-wrap justify-between cursor-pointer q-pa-sm"
                             @click="
                                 (_, row) => {
                                     $props.rowClick && $props.rowClick(row);
@@ -541,7 +531,10 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                                     </span>
                                 </QCardSection>
                                 <!-- Fields -->
-                                <QCardSection :class="$props.cardClass">
+                                <QCardSection
+                                    class="q-pl-lg q-pr-lg q-py-xs"
+                                    :class="$props.cardClass"
+                                >
                                     <div
                                         v-for="(
                                             col, index
@@ -803,10 +796,7 @@ es:
 
 .grid-two {
     display: grid;
-    // max-width: 100%;
-    // width: 544px;
-    // margin: auto;
-    grid-template-columns: 2fr 1fr;
+    grid-template-columns: 1fr 1fr;
     .vn-label-value {
         flex-direction: column;
         white-space: nowrap;