diff --git a/addons/web_kanban/static/src/css/kanban.css b/addons/web_kanban/static/src/css/kanban.css
index 6846171a82a..60e8eefcf37 100644
--- a/addons/web_kanban/static/src/css/kanban.css
+++ b/addons/web_kanban/static/src/css/kanban.css
@@ -9,7 +9,6 @@
 .openerp .oe_kanban_view .ui-sortable-placeholder {
   border: 1px solid rgba(0, 0, 0, 0.1);
   visibility: visible !important;
-  height: 60px !important;
 }
 .openerp .oe_kanban_view .ui-sortable-helper {
   -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
@@ -19,6 +18,9 @@
   -webkit-transform: rotate(3deg);
   -o-transform: rotate(3deg);
   -ms-transform: rotate(3deg);
+  -webkit-transition: -webkit-transform 100ms linear;
+  -moz-transition: -moz-transform 100ms linear;
+  transition: transform 100ms linear;
 }
 .openerp .oe_kanban_view .oe_kanban_left {
   float: left;
@@ -364,17 +366,18 @@
   border-bottom-color: rgba(0, 0, 0, 0.3);
   padding: 8px;
   display: block;
+  -webkit-transition: -webkit-transform, -webkit-box-shadow, border 200ms linear;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
 }
-.openerp .oe_kanban_view .oe_kanban_card:hover, .openerp .oe_kanban_view .oe_kanban_quick_create:hover {
+.openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover {
   border: 1px solid #7c7bad;
   -moz-box-shadow: 0 0 4px #7c7bad;
   -webkit-box-shadow: 0 0 4px #7c7bad;
   -box-shadow: 0 0 4px #7c7bad;
 }
-.openerp .oe_kanban_view .oe_kanban_card:hover .oe_dropdown_kanban > span, .openerp .oe_kanban_view .oe_kanban_quick_create:hover .oe_dropdown_kanban > span {
+.openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span {
   visibility: visible;
 }
 .openerp .oe_kanban_view .oe_kanban_card h3, .openerp .oe_kanban_view .oe_kanban_quick_create h3 {
diff --git a/addons/web_kanban/static/src/css/kanban.sass b/addons/web_kanban/static/src/css/kanban.sass
index 88b60134f24..1210e9bf640 100644
--- a/addons/web_kanban/static/src/css/kanban.sass
+++ b/addons/web_kanban/static/src/css/kanban.sass
@@ -37,6 +37,13 @@
     -webkit-transform: $transform
     -o-transform: $transform
     -ms-transform: $transform
+
+@mixin transition($transition: all 200ms linear)
+    -webkit-transition: $transition
+    -moz-transition: $transition
+    -ms-transition: $transition
+    -o-transition: $transition
+    transition: $transition
 // }}}
 
 .openerp .oe_kanban_view
@@ -49,10 +56,12 @@
     .ui-sortable-placeholder
         border: 1px solid rgba(0,0,0,0.1)
         visibility: visible !important
-        height: 60px !important
     .ui-sortable-helper
         @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.3))
         @include transform(rotate(3deg))
+        -webkit-transition: -webkit-transform 100ms linear
+        -moz-transition: -moz-transform 100ms linear
+        transition: transform 100ms linear
     .oe_kanban_left
         float: left
     .oe_kanban_right
@@ -328,8 +337,9 @@
         border-bottom-color: rgba(0,0,0,0.3)
         padding: 8px
         display: block
+        -webkit-transition: -webkit-transform, -webkit-box-shadow, border 200ms linear
         @include radius(4px)
-        &:hover
+        &:not(.ui-sortable-helper):hover
             border: 1px solid #7C7BAD
             @include box-shadow(0 0 4px #7C7BAD)
             .oe_dropdown_kanban > span
diff --git a/addons/web_kanban/static/src/js/kanban.js b/addons/web_kanban/static/src/js/kanban.js
index bd36dcbf4ba..d8e93efa580 100644
--- a/addons/web_kanban/static/src/js/kanban.js
+++ b/addons/web_kanban/static/src/js/kanban.js
@@ -309,8 +309,14 @@ instance.web_kanban.KanbanView = instance.web.View.extend({
                     ui.item.find('*').on('click.prevent', function(ev) {
                         return false;
                     });
+                    ui.placeholder.height(ui.item.height());
+                },
+                revert: 150,
+                beforeStop: function(event,ui){
+                    console.log('beforeStop:',ui);
                 },
                 stop: function(event, ui) {
+                    console.log('stop:',ui);
                     var record = ui.item.data('widget');
                     var old_index = self.currently_dragging.index;
                     var new_index = ui.item.index();