diff --git a/packages/client/src/components/MkEmojiPickerWindow.vue b/packages/client/src/components/MkEmojiPickerWindow.vue
index ce1af5c6a..523e4ba69 100644
--- a/packages/client/src/components/MkEmojiPickerWindow.vue
+++ b/packages/client/src/components/MkEmojiPickerWindow.vue
@@ -1,5 +1,5 @@
 <template>
-<MkModal ref="window"
+<MkWindow ref="window"
 	:initial-width="null"
 	:initial-height="null"
 	:can-resize="false"
@@ -8,12 +8,12 @@
 	@closed="emit('closed')"
 >
 	<MkEmojiPicker :show-pinned="showPinned" :as-reaction-picker="asReactionPicker" @chosen="chosen"/>
-</MkModal>
+</MkWindow>
 </template>
 
 <script lang="ts" setup>
 import { } from 'vue';
-import MkModal from '@/components/MkModal.vue';
+import MkWindow from '@/components/MkWindow.vue';
 import MkEmojiPicker from '@/components/MkEmojiPicker.vue';
 
 withDefaults(defineProps<{
diff --git a/packages/client/src/os.ts b/packages/client/src/os.ts
index 9cccab228..c3c125771 100644
--- a/packages/client/src/os.ts
+++ b/packages/client/src/os.ts
@@ -513,7 +513,7 @@ export async function openEmojiPicker(src?: HTMLElement, opts, initialTextarea:
 		characterData: false,
 	});
 
-	openingEmojiPicker = await popup(defineAsyncComponent(() => import('@/components/MkEmojiPickerWindow.vue')), {
+	openingEmojiPicker = await popup(defineAsyncComponent(() => import('@/components/MkEmojiPickerDialog.vue')), {
 		src,
 		...opts,
 	}, {