From 92391fdbd71039a770ebc837c4d473007c25f308 Mon Sep 17 00:00:00 2001
From: Matilda Haneling <matilda.haneling@scandichotels.com>
Date: Fri, 12 Dec 2025 11:19:16 +0000
Subject: [PATCH] Merged in fix/book-incorrect-hover-color-chip-button (pull
 request #3323)

updated to correcly displayed hover color on chip buttons

* updated to correcly displayed hover color on chip buttons


Approved-by: Bianca Widstam
Approved-by: Erik Tiekstra
---
 .../ChipButton/chip-button.module.css          | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/design-system/lib/components/ChipButton/chip-button.module.css b/packages/design-system/lib/components/ChipButton/chip-button.module.css
index 125e4ca98..c1ace7289 100644
--- a/packages/design-system/lib/components/ChipButton/chip-button.module.css
+++ b/packages/design-system/lib/components/ChipButton/chip-button.module.css
@@ -20,10 +20,20 @@
 
 .Outlined {
   border: 1px solid var(--Border-Strong);
-}
-
-.Outlined:hover {
-  background-color: var(--Surface-Primary-Hover);
+  @media (hover: hover) {
+    &:not([data-disabled]) {
+      &:hover,
+      &.hovered {
+        background:
+          linear-gradient(
+            0deg,
+            var(--Surface-Primary-Hover) 0%,
+            var(--Surface-Primary-Hover) 100%
+          ),
+          var(--Component-Button-Inverted-Fill-Default);
+      }
+    }
+  }
 }
 
 .Outlined:active {