From 5a5347a2f2840aae292711896d3478eaee1d542d Mon Sep 17 00:00:00 2001
From: ntsekouras <ntsekouras@outlook.com>
Date: Mon, 22 Jan 2024 12:09:19 +0200
Subject: [PATCH] DataViews: Fix table view cell wrapper and BlockPreviews

---
 packages/dataviews/src/style.scss    | 1 -
 packages/dataviews/src/view-table.js | 8 ++++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
index 4cd5395895c55..fe1d5529f5bdc 100644
--- a/packages/dataviews/src/style.scss
+++ b/packages/dataviews/src/style.scss
@@ -183,7 +183,6 @@
 		}
 		.dataviews-view-table__cell-content-wrapper {
 			min-height: $grid-unit-40;
-			display: flex;
 			align-items: center;
 		}
 	}
diff --git a/packages/dataviews/src/view-table.js b/packages/dataviews/src/view-table.js
index 361b4091d646f..264662c19369d 100644
--- a/packages/dataviews/src/view-table.js
+++ b/packages/dataviews/src/view-table.js
@@ -539,7 +539,7 @@ function ViewTable( {
 											minWidth: 20,
 										} }
 									>
-										<span className="dataviews-view-table__cell-content-wrapper">
+										<div className="dataviews-view-table__cell-content-wrapper">
 											<SingleSelectionCheckbox
 												id={
 													getItemId( item ) || index
@@ -553,7 +553,7 @@ function ViewTable( {
 												data={ data }
 												primaryField={ primaryField }
 											/>
-										</span>
+										</div>
 									</td>
 								) }
 								{ visibleFields.map( ( field ) => (
@@ -567,7 +567,7 @@ function ViewTable( {
 												field.maxWidth || undefined,
 										} }
 									>
-										<span
+										<div
 											className={ classnames(
 												'dataviews-view-table__cell-content-wrapper',
 												{
@@ -580,7 +580,7 @@ function ViewTable( {
 											{ field.render( {
 												item,
 											} ) }
-										</span>
+										</div>
 									</td>
 								) ) }
 								{ !! actions?.length && (