diff --git a/packages/dataviews/src/layouts/grid/index.tsx b/packages/dataviews/src/layouts/grid/index.tsx
index 899f9c09093f5..6e49c619a95ab 100644
--- a/packages/dataviews/src/layouts/grid/index.tsx
+++ b/packages/dataviews/src/layouts/grid/index.tsx
@@ -122,7 +122,7 @@ function GridItem< Item >( {
 				</HStack>
 			) }
 			{ !! visibleFields?.length && (
-				<VStack className="dataviews-view-grid__fields" spacing={ 3 }>
+				<VStack className="dataviews-view-grid__fields" spacing={ 1 }>
 					{ visibleFields.map( ( field ) => {
 						const renderedValue = field.render( {
 							item,
diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
index ca9b99c7ea1d6..a8f6312cece3b 100644
--- a/packages/dataviews/src/style.scss
+++ b/packages/dataviews/src/style.scss
@@ -361,6 +361,7 @@
 
 		.dataviews-view-grid__field {
 			align-items: flex-start;
+			min-height: $grid-unit-30;
 
 			&:not(.is-column) {
 				align-items: center;
@@ -377,6 +378,12 @@
 				}
 			}
 
+			&.is-column {
+				& + .is-row {
+					margin-top: $grid-unit-05;
+				}
+			}
+
 			.dataviews-view-grid__field-name {
 				color: $gray-700;
 			}