diff --git a/.stylelintrc.yaml b/.stylelintrc.yaml
index f30d79d71fe4..f889a6867c99 100644
--- a/.stylelintrc.yaml
+++ b/.stylelintrc.yaml
@@ -103,7 +103,7 @@ rules:
   property-no-vendor-prefix: null
   rule-empty-line-before: null
   rule-selector-property-disallowed-list: null
-  scale-unlimited/declaration-strict-value: [[color, background-color, border-color, font-weight], {ignoreValues: /^(inherit|transparent|unset|initial|currentcolor|none)$/, ignoreFunctions: false, disableFix: true}]
+  scale-unlimited/declaration-strict-value: [[/color$/, font-weight], {ignoreValues: /^(inherit|transparent|unset|initial|currentcolor|none)$/, ignoreFunctions: false, disableFix: true, expandShorthand: true}]
   selector-attribute-name-disallowed-list: null
   selector-attribute-operator-allowed-list: null
   selector-attribute-operator-disallowed-list: null
diff --git a/web_src/css/base.css b/web_src/css/base.css
index efb2553db4c8..9661cdecade3 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -1801,7 +1801,7 @@ a.ui.basic.label:hover {
 
 table th[data-sortt-asc]:hover,
 table th[data-sortt-desc]:hover {
-  background: rgba(0, 0, 0, 0.1) !important;
+  background: var(--color-hover) !important;
   cursor: pointer !important;
 }