From 395113b2d843a83d8ce3d4ac3b408eb6d212c69f Mon Sep 17 00:00:00 2001
From: Mert Akinc <7282195+m-akinc@users.noreply.github.com>
Date: Mon, 25 Mar 2024 18:08:36 -0500
Subject: [PATCH] Declare all layers in shared button styles

---
 packages/nimble-components/src/patterns/button/styles.ts | 2 +-
 packages/nimble-components/src/toggle-button/styles.ts   | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/nimble-components/src/patterns/button/styles.ts b/packages/nimble-components/src/patterns/button/styles.ts
index 10c0eac21d..bac4a0e546 100644
--- a/packages/nimble-components/src/patterns/button/styles.ts
+++ b/packages/nimble-components/src/patterns/button/styles.ts
@@ -26,7 +26,7 @@ import { ButtonAppearance } from './types';
 import { accessiblyHidden } from '../../utilities/style/accessibly-hidden';
 
 export const styles = css`
-    @layer base, hover, focusVisible, active, disabled, top;
+    @layer base, checked, hover, focusVisible, active, disabled, top; 
 
     @layer base {
         ${display('inline-flex')}
diff --git a/packages/nimble-components/src/toggle-button/styles.ts b/packages/nimble-components/src/toggle-button/styles.ts
index 158edefa7c..090746dc19 100644
--- a/packages/nimble-components/src/toggle-button/styles.ts
+++ b/packages/nimble-components/src/toggle-button/styles.ts
@@ -15,8 +15,6 @@ import { appearanceBehavior } from '../utilities/style/appearance';
 import { ButtonAppearance } from './types';
 
 export const styles = css`
-    @layer base, checked, hover, focusVisible, active, disabled, top;
-
     ${buttonStyles}
     ${buttonAppearanceVariantStyles}