diff --git a/components/search/SearchDialogue.vue b/components/search/SearchDialogue.vue
index d856ba04f..a238fe059 100644
--- a/components/search/SearchDialogue.vue
+++ b/components/search/SearchDialogue.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useDebounce } from '@vueuse/core';
+import { onKeyStroke, useDebounce } from '@vueuse/core';
 
 const query = ref('');
 const debouncedQuery = useDebounce(query);
@@ -37,17 +37,12 @@ const close = () => {
     dialogue.value?.close();
 };
 
-const onKeydown = (event: KeyboardEvent) => {
-    if (event.ctrlKey && event.key === 'k') {
+onKeyStroke('k', (event) => {
+    const isCtrlKeyPressed = isMac.value ? event.metaKey : event.ctrlKey;
+    if (isCtrlKeyPressed) {
         event.preventDefault();
         open();
     }
-};
-onMounted(() => {
-    document.addEventListener('keydown', onKeydown);
-});
-onUnmounted(() => {
-    document.removeEventListener('keydown', onKeydown);
 });
 
 const onMousedown = (event: MouseEvent) => {
diff --git a/utils/isMac.ts b/utils/isMac.ts
new file mode 100644
index 000000000..f7eab9300
--- /dev/null
+++ b/utils/isMac.ts
@@ -0,0 +1,6 @@
+export default computed(() => {
+    if (!import.meta.client) {
+        return undefined;
+    }
+    return navigator.platform.toLowerCase().includes('mac');
+});