diff --git a/lib/cli/src/generators/REACT/template-mdx/stories/1-Button.stories.mdx b/lib/cli/src/generators/REACT/template-mdx/stories/1-Button.stories.mdx
index 9688920f604b..6fc7fd0be0b7 100644
--- a/lib/cli/src/generators/REACT/template-mdx/stories/1-Button.stories.mdx
+++ b/lib/cli/src/generators/REACT/template-mdx/stories/1-Button.stories.mdx
@@ -1,6 +1,6 @@
 import { action } from '@storybook/addon-actions';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
-import Button from './Button';
+import { Button } from './Button';
 
 <Meta title="Docs/Button" component={Button} />
 
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/stories/1-Button.stories.mdx b/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/stories/1-Button.stories.mdx
index 2abc573287c6..7631115795c1 100644
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/stories/1-Button.stories.mdx
+++ b/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/stories/1-Button.stories.mdx
@@ -1,6 +1,6 @@
 import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
-import Button from './Button';
+import { Button } from './Button';
 
 <Meta title="Docs/Button" component={Button} />
 
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx b/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx
index 329ea1da39c1..b7e212cf3b50 100644
--- a/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx
+++ b/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx
@@ -1,6 +1,6 @@
 import { Meta, Story } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
-import Button from './Button';
+import { Button } from './Button';
 
 <Meta title="Docs/Button" component={Button} />