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}