From 9e4e8dfef8966def9a5eb76557dd546d008bf5d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Erik=20V=C3=A4nttinen?= <eepi1994@hotmail.com>
Date: Mon, 9 Feb 2026 11:22:24 +0200
Subject: [PATCH] TMS-1164: Button hover color fixes

---
 CHANGELOG.MD                                      |  2 ++
 assets/styles/themes/_theme-paahde-overrides.scss |  1 -
 .../themes/theme-mustavalkoinen-overrides.scss    | 15 ++++++++++-----
 assets/styles/ui-components/_pill.scss            |  4 ----
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/CHANGELOG.MD b/CHANGELOG.MD
index 53fa4cdd..e2aa7265 100644
--- a/CHANGELOG.MD
+++ b/CHANGELOG.MD
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+- TMS-1164: Button hover color fixes
+
 ## [1.71.0] - 2026-02-03
 
 - TMS-1164: Change button hover & focus styles
diff --git a/assets/styles/themes/_theme-paahde-overrides.scss b/assets/styles/themes/_theme-paahde-overrides.scss
index d87668a1..84ad44e0 100644
--- a/assets/styles/themes/_theme-paahde-overrides.scss
+++ b/assets/styles/themes/_theme-paahde-overrides.scss
@@ -45,7 +45,6 @@
         &:hover,
         &:focus {
             color: $primary-invert !important;
-            background-color: $primary !important;
         }
     }
 
diff --git a/assets/styles/themes/theme-mustavalkoinen-overrides.scss b/assets/styles/themes/theme-mustavalkoinen-overrides.scss
index 07b8210d..1e102fc6 100644
--- a/assets/styles/themes/theme-mustavalkoinen-overrides.scss
+++ b/assets/styles/themes/theme-mustavalkoinen-overrides.scss
@@ -76,12 +76,17 @@
     }
 
     .button {
-        background-color: $black !important;
-        color: $white !important;
-        border-color: $black !important;
+        &,
+        &:hover,
+        &:focus,
+        &:active {
+            background-color: $black !important;
+            color: $white !important;
+            border-color: $black !important;
 
-        .icon {
-            fill: $white !important;
+            .icon {
+                fill: $white !important;
+            }
         }
     }
 }
diff --git a/assets/styles/ui-components/_pill.scss b/assets/styles/ui-components/_pill.scss
index f899fd65..503d58a1 100644
--- a/assets/styles/ui-components/_pill.scss
+++ b/assets/styles/ui-components/_pill.scss
@@ -102,10 +102,6 @@ $pill-hover-shadow-color: rgba(0, 0, 0, .15) !default;
     &.is-active {
         color: $pill-color-active;
         background-color: $pill-background-active;
-
-        &:hover {
-            color: $pill-color-active;
-        }
     }
 
     &.is-outlined {