diff --git a/addons/web/static/src/legacy/scss/views.scss b/addons/web/static/src/legacy/scss/views.scss
index 67a2070ee35..2750c10f67b 100644
--- a/addons/web/static/src/legacy/scss/views.scss
+++ b/addons/web/static/src/legacy/scss/views.scss
@@ -46,7 +46,7 @@
 .o_view_nocontent {
     @include o-position-absolute(0, 0, 0, 0);
     pointer-events: none;
-    z-index: 1;
+    z-index: var(--o-view-nocontent-zindex, 1);
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/addons/web/static/src/views/kanban/kanban_controller.scss b/addons/web/static/src/views/kanban/kanban_controller.scss
index f8deec0606a..e0df34aca89 100644
--- a/addons/web/static/src/views/kanban/kanban_controller.scss
+++ b/addons/web/static/src/views/kanban/kanban_controller.scss
@@ -22,6 +22,8 @@
 
     --KanbanColumn__highlight-background: #{rgba($o-info, 0.05)};
     --KanbanColumn__highlight-border: #{$o-info};
+
+    --o-view-nocontent-zindex: 1;
     // ----------------------------------------------------------------------------
 
     .dropdown,
@@ -500,9 +502,6 @@
         padding: 0 var(--KanbanGroup-padding-h) var(--KanbanGroup-padding-bottom);
 
         .o_kanban_header > .o_kanban_header_title {
-            // Makes the title come on top of the "no-content" background gradient.
-            z-index: 2;
-
             &:hover .o_kanban_config,
             .o_kanban_config.show {
                 visibility: visible;
@@ -526,6 +525,12 @@
         }
     }
 
+    .o_column_quick_create,
+    .o_kanban_group:not(.o_column_folded) .o_kanban_header_title {
+        // Makes them come on top of the "no-content" background gradient.
+        z-index: calc(var(--o-view-nocontent-zindex) + 1);
+    }
+
     .o_group_draggable .o_column_title {
         cursor: move;
     }