From a14c48d2f0b16efa2daf885803c9cb7151fd53e3 Mon Sep 17 00:00:00 2001
From: Riad Benguella <benguella@gmail.com>
Date: Tue, 17 Oct 2023 09:30:54 +0100
Subject: [PATCH] Avoid fixed heights

---
 packages/edit-site/src/components/dataviews/style.scss   | 5 ++---
 packages/edit-site/src/components/dataviews/view-grid.js | 2 +-
 packages/edit-site/src/components/page-pages/index.js    | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/edit-site/src/components/dataviews/style.scss b/packages/edit-site/src/components/dataviews/style.scss
index 2076d9a94e782..1b27c0833c836 100644
--- a/packages/edit-site/src/components/dataviews/style.scss
+++ b/packages/edit-site/src/components/dataviews/style.scss
@@ -37,11 +37,10 @@
 
 .dataviews-view-grid__media {
 	width: 100%;
-	height: 200px;
+	min-height: 200px;
 
 	> * {
-		width: 100%;
-		height: 100%;
+		max-width: 100%;
 		object-fit: cover;
 	}
 }
diff --git a/packages/edit-site/src/components/dataviews/view-grid.js b/packages/edit-site/src/components/dataviews/view-grid.js
index 70b36d29946f0..f115b9c002a37 100644
--- a/packages/edit-site/src/components/dataviews/view-grid.js
+++ b/packages/edit-site/src/components/dataviews/view-grid.js
@@ -24,7 +24,7 @@ export function ViewGrid( { data, fields, view, actions } ) {
 			field.id !== view.layout.mediaField
 	);
 	return (
-		<Grid gap={ 6 } columns={ 2 }>
+		<Grid gap={ 8 } columns={ 2 } alignment="top">
 			{ data.map( ( item, index ) => {
 				return (
 					<VStack key={ index }>
diff --git a/packages/edit-site/src/components/page-pages/index.js b/packages/edit-site/src/components/page-pages/index.js
index 6c70525b541aa..eaf5d5ec24dad 100644
--- a/packages/edit-site/src/components/page-pages/index.js
+++ b/packages/edit-site/src/components/page-pages/index.js
@@ -97,7 +97,7 @@ export default function PagePages() {
 							size={
 								currentView.type === 'list'
 									? [ 'thumbnail', 'medium', 'large', 'full' ]
-									: [ 'large', 'medium', 'full', 'thumbnail' ]
+									: [ 'large', 'full', 'medium', 'thumbnail' ]
 							}
 						/>
 					) : null,