diff --git a/apps/vr-tests-react-components/.storybook/main.js b/apps/vr-tests-react-components/.storybook/main.js
index 0d8d34b1fd5f36..77259ac738ea4b 100644
--- a/apps/vr-tests-react-components/.storybook/main.js
+++ b/apps/vr-tests-react-components/.storybook/main.js
@@ -7,7 +7,7 @@ const tsConfigPath = path.resolve(__dirname, '../../../tsconfig.base.json');
 
 module.exports = /** @type {import('@storybook/react-webpack5').StorybookConfig} */ ({
   addons: [loadWorkspaceAddon('@fluentui/react-storybook-addon', { tsConfigPath })],
-  stories: ['../src/**/*.stories.tsx'],
+  stories: ['../src/stories/Button/*.stories.tsx'],
   core: {
     disableTelemetry: true,
   },
diff --git a/packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts b/packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts
index 7c609920f10605..5da4967e857f2a 100644
--- a/packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts
+++ b/packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts
@@ -550,6 +550,8 @@ export const useButtonStyles_unstable = (state: ButtonState): ButtonState => {
 
   const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;
 
+  state.root.style = { background: 'red' };
+
   state.root.className = mergeClasses(
     buttonClassNames.root,
     rootBaseClassName,