diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
index d934ea0df62d0a..b44626e4aa155c 100644
--- a/packages/dataviews/src/style.scss
+++ b/packages/dataviews/src/style.scss
@@ -168,7 +168,16 @@
padding-left: $grid-unit-05;
}
}
-
+ tbody {
+ td {
+ vertical-align: top;
+ }
+ .dataviews-view-table__cell-content-wrapper {
+ min-height: $grid-unit-40;
+ display: flex;
+ align-items: center;
+ }
+ }
.dataviews-view-table-header-button {
padding: $grid-unit-05 $grid-unit-10;
font-size: 11px;
diff --git a/packages/dataviews/src/view-table.js b/packages/dataviews/src/view-table.js
index e59c4e001919c4..22e68b4f56331a 100644
--- a/packages/dataviews/src/view-table.js
+++ b/packages/dataviews/src/view-table.js
@@ -536,17 +536,21 @@ function ViewTable( {
minWidth: 20,
} }
>
-
+
+
+
) }
{ visibleFields.map( ( field ) => (
@@ -560,9 +564,11 @@ function ViewTable( {
field.maxWidth || undefined,
} }
>
- { field.render( {
- item,
- } ) }
+
+ { field.render( {
+ item,
+ } ) }
+
) ) }
{ !! actions?.length && (