From a9a5c1d1466366dda470fbbf56af4469c76d8a6c Mon Sep 17 00:00:00 2001
From: Jan Hassel <hello@janhassel.de>
Date: Tue, 3 Mar 2020 17:15:29 +0100
Subject: [PATCH] fix(overflow-menu): correct hover color (#5513)

Co-authored-by: TJ Egan <tw15egan@gmail.com>
---
 .../src/components/data-table/_data-table-core.scss        | 7 +++++++
 .../src/components/overflow-menu/_overflow-menu.scss       | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/components/data-table/_data-table-core.scss b/packages/components/src/components/data-table/_data-table-core.scss
index f651e04b74cd..a7f56a8cd3bd 100644
--- a/packages/components/src/components/data-table/_data-table-core.scss
+++ b/packages/components/src/components/data-table/_data-table-core.scss
@@ -226,6 +226,13 @@
     ); //used to center svg without setting display flex //display block needed for overflow text truncation
   }
 
+  .#{$prefix}--data-table .#{$prefix}--overflow-menu,
+  .#{$prefix}--data-table .#{$prefix}--overflow-menu__trigger {
+    &:hover {
+      background-color: $hover-selected-ui;
+    }
+  }
+
   .#{$prefix}--data-table--selected .#{$prefix}--overflow-menu,
   .#{$prefix}--data-table--selected .#{$prefix}--overflow-menu__trigger {
     &:hover {
diff --git a/packages/components/src/components/overflow-menu/_overflow-menu.scss b/packages/components/src/components/overflow-menu/_overflow-menu.scss
index 0d05d025f302..95ad05f2213d 100644
--- a/packages/components/src/components/overflow-menu/_overflow-menu.scss
+++ b/packages/components/src/components/overflow-menu/_overflow-menu.scss
@@ -40,7 +40,7 @@
     }
 
     &:hover {
-      background-color: $hover-selected-ui;
+      background-color: $hover-ui;
     }
   }