diff --git a/client/src/components/Datatable/TableCell.js b/client/src/components/Datatable/TableCell.js
index d8122a5c1..2636e5074 100644
--- a/client/src/components/Datatable/TableCell.js
+++ b/client/src/components/Datatable/TableCell.js
@@ -29,7 +29,7 @@ export default function TableCell({
       <div
         className={classNames({
           'text-overview': cell.column.textOverview,
-        })}
+        }, 'cell-inner')}
         style={{
           'padding-left':
             isExpandColumn && expandable
diff --git a/client/src/style/components/DataTable/DataTable.scss b/client/src/style/components/DataTable/DataTable.scss
index ab26c0f13..401c17725 100644
--- a/client/src/style/components/DataTable/DataTable.scss
+++ b/client/src/style/components/DataTable/DataTable.scss
@@ -147,6 +147,9 @@
         .placeholder {
           color: #a0a0a0;
         }
+        .cell-inner{
+          flex: 1 0 0;
+        }
         .text-overview{
           overflow: hidden;
           white-space: nowrap;