diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 094709e093..839fa96319 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -149,7 +149,7 @@ function adjustTweetHeight(message: any) {
 }
 
 const openPlayer = (): void => {
-	os.popup(defineAsyncComponent(() => import('@/components/MkYoutubePlayer.vue')), {
+	os.popup(defineAsyncComponent(() => import('@/components/MkYouTubePlayer.vue')), {
 		url: requestUrl.href,
 	});
 };
diff --git a/packages/frontend/src/components/MkYoutubePlayer.stories.ts b/packages/frontend/src/components/MkYouTubePlayer.stories.ts
similarity index 57%
rename from packages/frontend/src/components/MkYoutubePlayer.stories.ts
rename to packages/frontend/src/components/MkYouTubePlayer.stories.ts
index 671c1303d1..5e20a83784 100644
--- a/packages/frontend/src/components/MkYoutubePlayer.stories.ts
+++ b/packages/frontend/src/components/MkYouTubePlayer.stories.ts
@@ -1,17 +1,17 @@
 import { Meta, Story } from '@storybook/vue3';
-import MkYoutubePlayer from './MkYoutubePlayer.vue';
+import MkYouTubePlayer from './MkYouTubePlayer.vue';
 const meta = {
-	title: 'components/MkYoutubePlayer',
-	component: MkYoutubePlayer,
+	title: 'components/MkYouTubePlayer',
+	component: MkYouTubePlayer,
 };
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				MkYoutubePlayer,
+				MkYouTubePlayer,
 			},
 			props: Object.keys(argTypes),
-			template: '<MkYoutubePlayer v-bind="$props" />',
+			template: '<MkYouTubePlayer v-bind="$props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/components/MkYoutubePlayer.vue b/packages/frontend/src/components/MkYouTubePlayer.vue
similarity index 100%
rename from packages/frontend/src/components/MkYoutubePlayer.vue
rename to packages/frontend/src/components/MkYouTubePlayer.vue