diff --git a/addons/web/static/src/views/kanban/kanban_controller.scss b/addons/web/static/src/views/kanban/kanban_controller.scss
index 964ee431a55..515e1473511 100644
--- a/addons/web/static/src/views/kanban/kanban_controller.scss
+++ b/addons/web/static/src/views/kanban/kanban_controller.scss
@@ -19,6 +19,9 @@
     --KanbanRecord__image--fill-width: #{$o-kanban-image-fill-width};
 
     --KanbanRecord__dropdown-gap: #{$border-width};
+
+    --KanbanColumn__highlight-background: #{rgba($o-info, .05)};
+    --KanbanColumn__highlight-border: #{$o-info};
     // ----------------------------------------------------------------------------
 
     .dropdown,
@@ -486,8 +489,8 @@
             }
         }
         &.o_kanban_hover {
-            background-color: #00a09d0d;
-            box-shadow: -1px 0px 0px 0px #00a09d inset, 1px 0px 0px 0px #00a09d inset;
+            background-color: var(--KanbanColumn__highlight-background);
+            box-shadow: -1px 0px 0px 0px var(--KanbanColumn__highlight-border) inset, 1px 0px 0px 0px var(--KanbanColumn__highlight-border) inset;
         }
     }
 
diff --git a/addons/web/static/src/views/kanban/kanban_renderer.js b/addons/web/static/src/views/kanban/kanban_renderer.js
index 9afe5a36df2..03a051f7ff6 100644
--- a/addons/web/static/src/views/kanban/kanban_renderer.js
+++ b/addons/web/static/src/views/kanban/kanban_renderer.js
@@ -63,8 +63,14 @@ export class KanbanRenderer extends Component {
                     }
                     element.classList.add("o_dragged", "shadow");
                 },
-                onGroupEnter: (group) => group.classList.add("o_kanban_hover"),
-                onGroupLeave: (group) => group.classList.remove("o_kanban_hover"),
+                onGroupEnter: (group) => {
+                    group.classList.add("o_kanban_hover");
+                    group.classList.remove("bg-100");
+                },
+                onGroupLeave: (group) => {
+                    group.classList.remove("o_kanban_hover");
+                    group.classList.add("bg-100");
+                },
                 onStop: (group, element) => {
                     group && group.classList && group.classList.remove("o_kanban_hover");
                     element.classList.remove("o_dragged", "shadow");