From 2516a21f7a390c00a5adaf906fb6c79a79baa016 Mon Sep 17 00:00:00 2001
From: langermank <18661030+langermank@users.noreply.github.com>
Date: Tue, 12 Mar 2024 13:18:44 -0700
Subject: [PATCH] move bg color

---
 .../Button/__tests__/__snapshots__/Button.test.tsx.snap   | 8 ++++----
 packages/react/src/Button/styles.ts                       | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap b/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap
index 04f956811ad..74cf6ccef44 100644
--- a/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap
+++ b/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap
@@ -100,11 +100,11 @@ exports[`Button respects block prop 1`] = `
   box-shadow: none;
   color: primer.fg.disabled;
   border-color: var(--button-default-borderColor-disabled,undefined);
+  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0:disabled [data-component=ButtonCounter] {
   color: inherit;
-  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0 [data-component=ButtonCounter] {
@@ -357,11 +357,11 @@ exports[`Button respects the alignContent prop 1`] = `
   box-shadow: none;
   color: primer.fg.disabled;
   border-color: var(--button-default-borderColor-disabled,undefined);
+  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0:disabled [data-component=ButtonCounter] {
   color: inherit;
-  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0 [data-component=ButtonCounter] {
@@ -613,11 +613,11 @@ exports[`Button respects the large size prop 1`] = `
   box-shadow: none;
   color: primer.fg.disabled;
   border-color: var(--button-default-borderColor-disabled,undefined);
+  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0:disabled [data-component=ButtonCounter] {
   color: inherit;
-  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0 [data-component=ButtonCounter] {
@@ -870,11 +870,11 @@ exports[`Button respects the small size prop 1`] = `
   box-shadow: none;
   color: primer.fg.disabled;
   border-color: var(--button-default-borderColor-disabled,undefined);
+  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0:disabled [data-component=ButtonCounter] {
   color: inherit;
-  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0 [data-component=ButtonCounter] {
diff --git a/packages/react/src/Button/styles.ts b/packages/react/src/Button/styles.ts
index 99839abdc18..f591cdbe8ac 100644
--- a/packages/react/src/Button/styles.ts
+++ b/packages/react/src/Button/styles.ts
@@ -18,9 +18,9 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme
       '&:disabled': {
         color: 'primer.fg.disabled',
         borderColor: `var(--button-default-borderColor-disabled, ${theme?.colors.btn.border})`,
+        backgroundColor: `var(--button-default-bgColor-disabled, ${theme?.colors.input.disabledBg})`,
         '[data-component=ButtonCounter]': {
           color: 'inherit',
-          backgroundColor: `var(--button-default-bgColor-disabled, ${theme?.colors.input.disabledBg})`,
         },
       },
       '&[aria-expanded=true]': {