diff --git a/src/directives/drop-target.js b/src/directives/drop-target.js
index b2cb182d..e537d7cb 100644
--- a/src/directives/drop-target.js
+++ b/src/directives/drop-target.js
@@ -43,6 +43,12 @@ export default {
 				el.classList.remove('dropTarget--available')
 			})
 		})
+		window.document.body.addEventListener('dragend', (e) => {
+			const targets = document.querySelectorAll('.dropTarget--available')
+			targets.forEach(el => {
+				el.classList.remove('dropTarget--available')
+			})
+		})
 		window.document.body.addEventListener('dragstart', (e) => {
 			if (allowDrop(e)) {
 				el.classList.add('dropTarget--available')