diff --git a/CHANGELOG.md b/CHANGELOG.md
index d611358..38347a1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,8 @@
 
 ### Bugfix
 
+- Fix inline height flex grow problem for slate grids @sneridagh
+
 ### Internal
 
 ## 2.4.0 (2021-11-04)
diff --git a/src/components/Grid/View.jsx b/src/components/Grid/View.jsx
index fe0ddb3..5fb15ef 100644
--- a/src/components/Grid/View.jsx
+++ b/src/components/Grid/View.jsx
@@ -23,7 +23,10 @@ const ViewGrid = ({ data, render, path }) => {
 
       <Grid stackable stretched columns={data.columns.length}>
         {data.columns.map((column) => (
-          <Grid.Column key={column.id}>
+          <Grid.Column
+            key={column.id}
+            className={`grid-block-${column['@type']}`}
+          >
             <BlockRenderer
               block={column.id}
               type={column['@type']}
diff --git a/src/theme/styles.less b/src/theme/styles.less
index 4737151..53ff37e 100644
--- a/src/theme/styles.less
+++ b/src/theme/styles.less
@@ -120,6 +120,14 @@
   }
 }
 
+// This is required to overcome the inline-flex imposed from semantic grids
+.block.__grid,
+[class$='Grid'].block {
+  .ui.stretched.grid > .column.grid-block-slate {
+    display: block !important;
+  }
+}
+
 .block-editor-__grid .block .toolbar,
 [class$='Grid'] .block .toolbar {
   top: -49px;