diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 7150df0ff..79598a16e 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -490,7 +490,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                         <QCard
                             bordered
                             flat
-                            class="row no-wrap justify-between cursor-pointer"
+                            class="row no-wrap justify-between cursor-pointer q-pa-lg"
                             @click="
                                 (_, row) => {
                                     $props.rowClick && $props.rowClick(row);
@@ -531,10 +531,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
                                     </span>
                                 </QCardSection>
                                 <!-- Fields -->
-                                <QCardSection
-                                    class="q-pl-sm q-pr-lg q-py-xs"
-                                    :class="$props.cardClass"
-                                >
+                                <QCardSection :class="$props.cardClass">
                                     <div
                                         v-for="(
                                             col, index
@@ -796,14 +793,18 @@ es:
 
 .grid-two {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(200px, max-content));
-    max-width: 100%;
-    width: 600px;
-    margin: 1em auto;
-    white-space: wrap;
+    // max-width: 100%;
+    // width: 544px;
+    // margin: auto;
+    grid-template-columns: 2fr 1fr;
     .vn-label-value {
         flex-direction: column;
+        white-space: nowrap;
+        .fields {
+            display: flex;
+        }
     }
+    white-space: nowrap;
 }
 
 .w-80 {