diff --git a/package-lock.json b/package-lock.json
index eec9a11..09235ea 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-ganttastic",
-  "version": "0.9.30",
+  "version": "0.9.31",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index dc09d2c..03915aa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-ganttastic",
-  "version": "0.9.31",
+  "version": "0.9.32",
   "description": "A simple and customizable Gantt chart component for Vue.js",
   "repository": {
     "type": "git",
diff --git a/src/GGanttRow.vue b/src/GGanttRow.vue
index 331990d..f414500 100644
--- a/src/GGanttRow.vue
+++ b/src/GGanttRow.vue
@@ -18,6 +18,7 @@
       ref="barContainer"
       :style="barsContainerStyle"
       @dragover="onDragover($event)"
+      @dragleave="onDragleave($event)"
       @drop="onDrop($event)"
       @mouseover="onMouseover()"
       @mouseleave="onMouseleave()"
@@ -105,8 +106,16 @@ export default {
 
     onDragover(e) {
       e.preventDefault()   // enables dropping content on row
+      if(this.highlightOnHover){
+        this.$refs["g-gantt-row"].style.backgroundColor = this.getThemeColors().hoverHighlight
+      }
     },
 
+    onDragleave() {
+      this.$refs["g-gantt-row"].style.backgroundColor = null
+    },
+
+
     onDrop(e){
       let barContainer = this.$refs.barContainer.getBoundingClientRect()
       let xPos = e.clientX - barContainer.left