diff --git a/button/internal/_shared.scss b/button/internal/_shared.scss
index bcb6ae268..461593add 100644
--- a/button/internal/_shared.scss
+++ b/button/internal/_shared.scss
@@ -122,7 +122,7 @@
 
   .background {
     // Background color. Separate node for disabled opacity styles.
-    background-color: var(--_container-color);
+    background: var(--_container-color);
     border-radius: inherit;
     inset: 0;
     position: absolute;
@@ -145,7 +145,7 @@
   }
 
   :host(:is([disabled], [soft-disabled])) .background {
-    background-color: var(--_disabled-container-color);
+    background: var(--_disabled-container-color);
     opacity: var(--_disabled-container-opacity);
   }