diff --git a/packages/frontend/.storybook/generate.tsx b/packages/frontend/.storybook/generate.tsx
index db2ff8f04..4e3705a04 100644
--- a/packages/frontend/.storybook/generate.tsx
+++ b/packages/frontend/.storybook/generate.tsx
@@ -74,15 +74,19 @@ function toStories(component: string): string {
 							/>,
 						]
 					: [],
-				<import-declaration
-					source={<literal value={`./${base}`} />}
-					specifiers={[
-						<import-default-specifier
-							local={identifier}
-							imported={identifier}
-						/>,
-					]}
-				/>,
+				...hasImplStories
+					? []
+					: [
+							<import-declaration
+								source={<literal value={`./${base}`} />}
+								specifiers={[
+									<import-default-specifier
+										local={identifier}
+										imported={identifier}
+									/>,
+								]}
+							/>,
+						],
 				<variable-declaration
 					kind="const"
 					declarations={[
diff --git a/packages/frontend/src/components/MkAnalogClock.stories.impl.ts b/packages/frontend/src/components/MkAnalogClock.stories.impl.ts
index 420357561..74a70f7ed 100644
--- a/packages/frontend/src/components/MkAnalogClock.stories.impl.ts
+++ b/packages/frontend/src/components/MkAnalogClock.stories.impl.ts
@@ -1,3 +1,4 @@
+import MkAnalogClock from './MkAnalogClock.vue';
 export const Default = {
 	render(args, { argTypes }) {
 		return {
diff --git a/packages/frontend/src/components/MkAnalogClock.stories.ts b/packages/frontend/src/components/MkAnalogClock.stories.ts
index f81e997cf..464a4bbf8 100644
--- a/packages/frontend/src/components/MkAnalogClock.stories.ts
+++ b/packages/frontend/src/components/MkAnalogClock.stories.ts
@@ -1,9 +1,10 @@
 import { Meta, Story } from '@storybook/vue3';
-import MkAnalogClock from './MkAnalogClock.vue';
 const meta = {
 	title: 'components/MkAnalogClock',
 	component: MkAnalogClock,
 };
+export default meta;
+import MkAnalogClock from './MkAnalogClock.vue';
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -18,4 +19,3 @@ export const Default = {
 		layout: 'fullscreen',
 	},
 };
-export default meta;
diff --git a/packages/frontend/src/components/MkButton.stories.impl.ts b/packages/frontend/src/components/MkButton.stories.impl.ts
index 5f73ca71b..72ccdaab0 100644
--- a/packages/frontend/src/components/MkButton.stories.impl.ts
+++ b/packages/frontend/src/components/MkButton.stories.impl.ts
@@ -1,3 +1,4 @@
+import MkButton from './MkButton.vue';
 export const Default = {
 	render(args, { argTypes }) {
 		return {
diff --git a/packages/frontend/src/components/MkButton.stories.ts b/packages/frontend/src/components/MkButton.stories.ts
index 57dacb8f1..fb56501b9 100644
--- a/packages/frontend/src/components/MkButton.stories.ts
+++ b/packages/frontend/src/components/MkButton.stories.ts
@@ -1,10 +1,10 @@
 import { Meta, Story } from '@storybook/vue3';
-import MkButton from './MkButton.vue';
 const meta = {
 	title: 'components/MkButton',
 	component: MkButton,
 };
 export default meta;
+import MkButton from './MkButton.vue';
 export const Default = {
 	render(args, { argTypes }) {
 		return {