diff --git a/core/src/components/button/button.md.scss b/core/src/components/button/button.md.scss
index e11c232542..af73771702 100644
--- a/core/src/components/button/button.md.scss
+++ b/core/src/components/button/button.md.scss
@@ -124,7 +124,7 @@
 
 @media (any-hover: hover) {
   :host(.button-solid.ion-color:hover) .button-native {
-    background: #{current-color(base, .92)};
+    background: #{current-color(tint)};
   }
 
   :host(.button-clear.ion-color:hover) .button-native,
diff --git a/core/src/components/button/button.scss b/core/src/components/button/button.scss
index 9ca426ba73..db831697aa 100644
--- a/core/src/components/button/button.scss
+++ b/core/src/components/button/button.scss
@@ -79,7 +79,7 @@
 :host(.button-solid) {
   --background: #{ion-color(primary, base)};
   --background-focused: #{ion-color(primary, shade)};
-  --background-hover: #{ion-color(primary, base, 0.92)};
+  --background-hover: #{ion-color(primary, tint)};
   --color: #{ion-color(primary, contrast)};
   --color-activated: #{ion-color(primary, contrast)};
   --color-focused: #{ion-color(primary, contrast)};
diff --git a/core/src/components/buttons/buttons.md.scss b/core/src/components/buttons/buttons.md.scss
index e104ea28af..e9d994f24c 100644
--- a/core/src/components/buttons/buttons.md.scss
+++ b/core/src/components/buttons/buttons.md.scss
@@ -38,8 +38,8 @@
 :host-context(.ion-color)::slotted(*) .button-solid {
   --background: #{current-color(contrast)};
   --background-activated: #{current-color(contrast)};
-  --background-focused: #{current-color(contrast, .9)};
-  --background-hover: #{current-color(contrast, .92)};
+  --background-focused: #{current-color(shade)};
+  --background-hover: #{current-color(tint)};
   --color: #{current-color(base)};
   --color-focused: #{current-color(base)};
   --color-hover: #{current-color(base)};