diff --git a/src/components/note/NoteDragOverlay.tsx b/src/components/note/NoteDragOverlay.tsx
index fa55499..3bf61f9 100644
--- a/src/components/note/NoteDragOverlay.tsx
+++ b/src/components/note/NoteDragOverlay.tsx
@@ -1,23 +1,27 @@
 import { NoteRemoveEventHander } from "../../types/Events";
+import { NoteDraggingOptions } from "../../types/Note";
 
 import DragOverlay from "../map/DragOverlay";
 
 type NoteDragOverlayProps = {
   onNoteRemove: NoteRemoveEventHander;
-  noteId: string;
-  dragging: boolean;
+  draggingOptions: NoteDraggingOptions;
 };
 
 function NoteDragOverlay({
   onNoteRemove,
-  noteId,
-  dragging,
+  draggingOptions,
 }: NoteDragOverlayProps) {
   function handleNoteRemove() {
-    onNoteRemove([noteId]);
+    onNoteRemove([draggingOptions.noteId]);
   }
 
-  return <DragOverlay dragging={dragging} onRemove={handleNoteRemove} />;
+  return (
+    <DragOverlay
+      dragging={draggingOptions.dragging}
+      onRemove={handleNoteRemove}
+    />
+  );
 }
 
 export default NoteDragOverlay;
diff --git a/src/hooks/useMapNotes.tsx b/src/hooks/useMapNotes.tsx
index ee17fb3..a9d633d 100644
--- a/src/hooks/useMapNotes.tsx
+++ b/src/hooks/useMapNotes.tsx
@@ -141,8 +141,7 @@ function useMapNotes(
 
   const noteDragOverlay = noteDraggingOptions ? (
     <NoteDragOverlay
-      dragging={noteDraggingOptions.dragging}
-      noteId={noteDraggingOptions.noteId}
+      draggingOptions={noteDraggingOptions}
       onNoteRemove={handleNoteRemove}
     />
   ) : null;