diff --git a/x-pack/packages/security-solution/data_table/components/data_table/helpers.tsx b/x-pack/packages/security-solution/data_table/components/data_table/helpers.tsx index 38c1384b3468b..21afed3823b38 100644 --- a/x-pack/packages/security-solution/data_table/components/data_table/helpers.tsx +++ b/x-pack/packages/security-solution/data_table/components/data_table/helpers.tsx @@ -85,25 +85,13 @@ export const mapSortingColumns = ({ export const addBuildingBlockStyle = ( ecs: Ecs, theme: EuiTheme, - setCellProps: EuiDataGridCellValueElementProps['setCellProps'], - defaultStyles?: React.CSSProperties + setCellProps: EuiDataGridCellValueElementProps['setCellProps'] ) => { - const currentStyles = defaultStyles ?? {}; if (isEventBuildingBlockType(ecs)) { - setCellProps({ - style: { - ...currentStyles, - backgroundColor: `${theme.eui.euiColorHighlight}`, - }, - }); + setCellProps({ style: { backgroundColor: `${theme.eui.euiColorHighlight}` } }); } else { // reset cell style - setCellProps({ - style: { - ...currentStyles, - backgroundColor: 'inherit', - }, - }); + setCellProps({ style: { backgroundColor: 'inherit' } }); } }; diff --git a/x-pack/packages/security-solution/data_table/components/data_table/index.tsx b/x-pack/packages/security-solution/data_table/components/data_table/index.tsx index 3350263513099..a4b6cef88feae 100644 --- a/x-pack/packages/security-solution/data_table/components/data_table/index.tsx +++ b/x-pack/packages/security-solution/data_table/components/data_table/index.tsx @@ -410,10 +410,8 @@ export const DataTableComponent = React.memo( const ecs = pageRowIndex < data.length ? data[pageRowIndex].ecs : null; useEffect(() => { - const defaultStyles = { overflow: 'hidden' }; - setCellProps({ style: { ...defaultStyles } }); if (ecs && rowData) { - addBuildingBlockStyle(ecs, theme, setCellProps, defaultStyles); + addBuildingBlockStyle(ecs, theme, setCellProps); } else { // disable the cell when it has no data setCellProps({ style: { display: 'none' } });