diff --git a/macrovision.css b/macrovision.css
index 11dea031..3a6eb213 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -29,6 +29,11 @@ body {
     -moz-user-drag: none;
     -o-user-drag: none;
     pointer-events: none;
+    transition: 0.2s;
+}
+
+.entity-box.grabbed {
+    transition: 0s;
 }
 
 .entity-image {
diff --git a/macrovision.js b/macrovision.js
index f875ab17..42ee9f33 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -316,6 +316,7 @@ function clickDown(target, x, y) {
     let entY = document.querySelector("#entities").getBoundingClientRect().y;
     dragOffsetX = x - rect.left + entX;
     dragOffsetY = y - rect.top + entY;
+    target.classList.add("grabbed");
     clickTimeout = setTimeout(() => { dragging = true }, 200)
 }
 
@@ -339,6 +340,7 @@ function clickUp(e) {
         } else {
             select(clicked);
         }
+        clicked.classList.remove("grabbed");
         clicked = null;
     }