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 {