fix table-row hover style

mui · Jan 30, 2021 · f217718 · f217718
1 parent 26e61e6
commit f217718
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/material-ui/src/TableRow/TableRow.js b/packages/material-ui/src/TableRow/TableRow.js
@@ -8,7 +8,7 @@ import { alpha } from '../styles/colorManipulator';
 
 import useThemeProps from '../styles/useThemeProps';
 import experimentalStyled from '../styles/experimentalStyled';
-import { getTableRowUtilityClass } from './tableRowClasses';
+import tableRowClasses, { getTableRowUtilityClass } from './tableRowClasses';
 
 const overridesResolver = (props, styles) => {
   const { styleProps } = props;
@@ -44,7 +44,7 @@ const TableRowRoot = experimentalStyled(
   verticalAlign: 'middle',
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0,
-  '&.Mui-hover:hover': {
+  [`&.${tableRowClasses.hover}:hover`]: {
     backgroundColor: theme.palette.action.hover,
   },
   '&.Mui-selected, &.Mui-selected:hover': {