diff --git a/packages/grid/src/styles/vaadin-grid-base-styles.js b/packages/grid/src/styles/vaadin-grid-base-styles.js
index 2118e910158..60f76d6e6b8 100644
--- a/packages/grid/src/styles/vaadin-grid-base-styles.js
+++ b/packages/grid/src/styles/vaadin-grid-base-styles.js
@@ -387,7 +387,7 @@ export const gridStyles = css`
   .cell ::slotted(vaadin-grid-cell-content) {
     display: block;
     overflow: hidden;
-    text-overflow: ellipsis;
+    text-overflow: var(--vaadin-grid-cell-text-overflow, ellipsis);
     padding: var(--_cell-padding);
     flex: 1;
     min-height: 1lh;
diff --git a/packages/vaadin-lumo-styles/src/components/grid.css b/packages/vaadin-lumo-styles/src/components/grid.css
index 1a44af2de53..627b2648569 100644
--- a/packages/vaadin-lumo-styles/src/components/grid.css
+++ b/packages/vaadin-lumo-styles/src/components/grid.css
@@ -190,7 +190,7 @@
     width: 100%;
     box-sizing: border-box;
     overflow: hidden;
-    text-overflow: ellipsis;
+    text-overflow: var(--vaadin-grid-cell-text-overflow, ellipsis);
     cursor: inherit;
     padding: var(--_cell-padding);
   }