diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index e91f69c..cbc1683 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { useMagicKeys } from '@vueuse/core'
 import {
   computed,
   defineAsyncComponent,
@@ -100,6 +101,14 @@ watch(mode, async (newMode) => {
     initialRawContent.value = rawContent.value
   }
 })
+
+const { escape } = useMagicKeys()
+
+watch(escape, () => {
+  if (mode.value === 'edit') {
+    toggleMode()
+  }
+})
 </script>
 
 <template>