[EuiBasicTable] Fixed clickable rows not highlighting in sub-tables

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 - Added `panelProps` to `EuiPopover` ([#4573](https://github.com/elastic/eui/pull/4573))
 
+**Bug fixes**
+
+- Fixed hover effect of nested clickable rows in `EuiBasicTable` ([#4566](https://github.com/elastic/eui/pull/4566))
+
 ## [`31.9.1`](https://github.com/elastic/eui/tree/v31.9.1)
 
 **Bug fixes**

src/components/table/_table.scss

@@ -86,11 +86,22 @@
     background-color: $euiTableHoverColor;
   }
 
-  &.euiTableRow-isExpandedRow {
-    .euiTableRowCell {
-      background-color: $euiTableHoverColor;
+
+  &.euiTableRow-isClickable {
+
+    &:hover {
+      background-color: $euiTableHoverClickableColor;
+      cursor: pointer;
     }
 
+    &:focus {
+      background-color: $euiTableFocusClickableColor;
+    }
+  }
+
+  &.euiTableRow-isExpandedRow {
+    background-color: $euiTableHoverColor;
+
     &.euiTableRow-isSelectable .euiTableCellContent {
       padding-left: $euiTableCellCheckboxWidth + $euiTableCellContentPadding;
     }
@@ -234,14 +245,3 @@
     max-height: unset;
   }
 }
-
-.euiTableRow-isClickable {
-  &:hover {
-    background-color: $euiTableHoverClickableColor;
-    cursor: pointer;
-  }
-
-  &:focus {
-    background-color: $euiTableFocusClickableColor;
-  }
-}