diff --git a/x-pack/plugins/lens/public/visualizations/datatable/components/table_basic.scss b/x-pack/plugins/lens/public/visualizations/datatable/components/table_basic.scss
index 0f0ed53a10021..117c6797c3620 100644
--- a/x-pack/plugins/lens/public/visualizations/datatable/components/table_basic.scss
+++ b/x-pack/plugins/lens/public/visualizations/datatable/components/table_basic.scss
@@ -1,5 +1,10 @@
 .lnsDataTableContainer {
   height: 100%;
+
+  // EUI issue to make background transparent https://github.com/elastic/eui/issues/8136
+  .euiDataGrid__content {
+    background: transparent;
+  }
 }
 
 .lnsTableCell--multiline {
diff --git a/x-pack/plugins/lens/public/visualizations/datatable/components/table_basic.tsx b/x-pack/plugins/lens/public/visualizations/datatable/components/table_basic.tsx
index 0633c13b8097a..f30686a44a6ad 100644
--- a/x-pack/plugins/lens/public/visualizations/datatable/components/table_basic.tsx
+++ b/x-pack/plugins/lens/public/visualizations/datatable/components/table_basic.tsx
@@ -70,7 +70,8 @@ export const DataContext = React.createContext<DataContextType>({});
 
 const gridStyle: EuiDataGridStyle = {
   border: 'horizontal',
-  header: 'underline',
+  header: 'shade',
+  footer: 'shade',
 };
 
 export const DEFAULT_PAGE_SIZE = 10;