diff --git a/packages/client/src/components/media-banner.vue b/packages/client/src/components/media-banner.vue
index 74686c6054..c020be75be 100644
--- a/packages/client/src/components/media-banner.vue
+++ b/packages/client/src/components/media-banner.vue
@@ -32,7 +32,7 @@ import { onMounted } from 'vue';
 import * as misskey from 'misskey-js';
 import VuePlyr from '@skjnldsv/vue-plyr';
 import { ColdDeviceStorage } from '@/store';
-import 'vue-plyr/dist/vue-plyr.css';
+import '@skjnldsv/vue-plyr/dist/vue-plyr.css';
 
 const props = withDefaults(defineProps<{
 	media: misskey.entities.DriveFile;
diff --git a/packages/client/src/components/media-video.vue b/packages/client/src/components/media-video.vue
index 0b055d6ed3..260835a762 100644
--- a/packages/client/src/components/media-video.vue
+++ b/packages/client/src/components/media-video.vue
@@ -30,7 +30,7 @@ import { ref } from 'vue';
 import * as misskey from 'misskey-js';
 import VuePlyr from '@skjnldsv/vue-plyr';
 import { defaultStore } from '@/store';
-import 'vue-plyr/dist/vue-plyr.css';
+import '@skjnldsv/vue-plyr/dist/vue-plyr.css';
 
 const props = defineProps<{
 	video: misskey.entities.DriveFile;