diff --git a/packages/components/data-table/src/data-table.styles.js b/packages/components/data-table/src/data-table.styles.js
index ae4c09855a..310ba758a6 100644
--- a/packages/components/data-table/src/data-table.styles.js
+++ b/packages/components/data-table/src/data-table.styles.js
@@ -18,6 +18,7 @@ const TableGrid = styled.table`
   position: relative;
   z-index: 0;
   display: grid;
+  background-color: ${vars.colorSurface};
   /* stylelint-disable function-whitespace-after */
   grid-template-columns: ${(props) =>
     props.columns.map((column) => column.width || 'auto').join(' ')};