diff --git a/core/src/components/button/button.ionic.scss b/core/src/components/button/button.ionic.scss
index 2cd5f7b55b..042d825faa 100644
--- a/core/src/components/button/button.ionic.scss
+++ b/core/src/components/button/button.ionic.scss
@@ -85,7 +85,7 @@
 :host(.button-clear) {
   --background-activated: #{globals.current-color(shade, $subtle: true)};
   --background-focused: transparent;
-  --background-hover: var(--ion-color-subtle-shade, #{globals.current-color(shade, $subtle: true)});
+  --background-hover: #{globals.current-color(shade, $subtle: true)};
   --background-hover-opacity: 1;
   --color: #{globals.ion-color(primary, foreground)};
   --ripple-opacity: var(--background-activated-opacity, 1);