diff --git a/packages/components/src/button/button.styles.ts b/packages/components/src/button/button.styles.ts
index da5737dc..5410ed9f 100644
--- a/packages/components/src/button/button.styles.ts
+++ b/packages/components/src/button/button.styles.ts
@@ -661,12 +661,6 @@ export const buttonStyles: (
     appearanceBehavior(
       'stealth',
       css`
-        :host([appearance='stealth'][disabled]),
-        :host([appearance='stealth'][disabled]:hover),
-        :host([appearance='stealth'][disabled]:active) {
-          background: ${neutralFillStealthRest};
-        }
-
         ${StealthButtonStyles}
       `.withBehaviors(
         forcedColorsStylesheetBehavior(css`
diff --git a/packages/components/src/design-tokens.ts b/packages/components/src/design-tokens.ts
index 1bfb1b4a..f2bbc2d9 100644
--- a/packages/components/src/design-tokens.ts
+++ b/packages/components/src/design-tokens.ts
@@ -10,6 +10,7 @@ import {
   accentForegroundHoverDelta,
   accentForegroundRestDelta,
   ColorRecipe,
+  disabledOpacity,
   fillColor,
   InteractiveColorRecipe,
   InteractiveSwatchSet,
@@ -174,6 +175,9 @@ export {
 
 const { create } = DesignToken;
 
+// Changing the default to increase contrast
+disabledOpacity.withDefault(0.4);
+
 /*
  * The error palette is built using the same color algorithm as the accent palette
  * But by copying the algorithm from @microsoft/fast-components at commit 03d711f222bd816834a5e1d60256d3e083b27c27