Issue #7405 Use hover state variable for tab-title

Separate the hover state from focus and aria-selected to make use of the $tab-item-background-hover variable.

diff --git a/scss/components/_tabs.scss b/scss/components/_tabs.scss
index 9a73704eeffcd18ca18d858942b5dd43a4bf249c..e0ef7788fd3b55c5114be09c0b1e82a808ea20b0 100644 (file)
--- a/scss/components/_tabs.scss
+++ b/scss/components/_tabs.scss
@@ -106,7 +106,10 @@ $tab-content-padding: 1rem !default;
       font-size: 12px;
       color: $tab-item-color;
 
-      &:hover,
+      &:hover {
+        background: $tab-item-background-hover;
+      }
+      
       &:focus,
       &[aria-selected='true'] {
         background: $tab-background-active;