diff --git a/client/src/components/instance.constructs.jsx b/client/src/components/instance.constructs.jsx
index ed43f62e..d3844294 100644
--- a/client/src/components/instance.constructs.jsx
+++ b/client/src/components/instance.constructs.jsx
@@ -153,7 +153,10 @@ function Construct(props) {
 
         const classes = `${equipping ? 'equipping' : ''} ${!skill ? 'empty' : ''} ${border()}`;
         return (
-            <label onDragStart={skillClick} key={i} draggable="true">
+            <label onDragStart={ev => {
+                ev.dataTransfer.setData('text', '');
+                skillClick(ev);
+            }} key={i} draggable="true">
                 <button
                     key={i}
                     disabled={!skill && !equipping}
diff --git a/client/src/components/vbox.component.jsx b/client/src/components/vbox.component.jsx
index 14cf1108..c90d5c3f 100644
--- a/client/src/components/vbox.component.jsx
+++ b/client/src/components/vbox.component.jsx
@@ -217,7 +217,7 @@ class Vbox extends preact.Component {
 
             const vboxObject = shapes[v] ? shapes[v]() : v;
             return (
-                <label draggable='true'>
+                <label draggable='true' onDragStart={ev => ev.dataTransfer.setData('text', '')}>
                     <button
                         class={classes}
                         onMouseOver={e => vboxHover(e, v)}
@@ -327,7 +327,7 @@ class Vbox extends preact.Component {
             const invObject = shapes[v] ? shapes[v]() : v;
 
             return (
-                <label draggable="true">
+                <label draggable='true' onDragStart={ev => ev.dataTransfer.setData('text', '')}>
                     <button
                         class={classes}
                         onMouseOver={e => vboxHover(e, v)}