diff --git a/src/components/EditorCanvas/Area.jsx b/src/components/EditorCanvas/Area.jsx
index 9eb82b5..03e69b6 100644
--- a/src/components/EditorCanvas/Area.jsx
+++ b/src/components/EditorCanvas/Area.jsx
@@ -128,6 +128,7 @@ export default function Area({
                 : "border-slate-400 opacity-100"
           }`}
           style={{ backgroundColor: `${data.color}66` }}
+          onDoubleClick={edit}
         >
           <div className="flex justify-between gap-1 w-full">
             <div className="text-color select-none overflow-hidden text-ellipsis">
diff --git a/src/components/EditorCanvas/Note.jsx b/src/components/EditorCanvas/Note.jsx
index 48d859d..bc69534 100644
--- a/src/components/EditorCanvas/Note.jsx
+++ b/src/components/EditorCanvas/Note.jsx
@@ -135,6 +135,7 @@ export default function Note({ data, onPointerDown }) {
         // https://stackoverflow.com/a/70976017/1137077
         e.target.releasePointerCapture(e.pointerId);
       }}
+      onDoubleClick={edit}
     >
       <path
         d={`M${data.x + noteFold} ${data.y} L${data.x + noteWidth - noteRadius} ${