diff --git a/addons/web/static/src/views/kanban/kanban_header.js b/addons/web/static/src/views/kanban/kanban_header.js
index db150abf726..597201dbfd7 100644
--- a/addons/web/static/src/views/kanban/kanban_header.js
+++ b/addons/web/static/src/views/kanban/kanban_header.js
@@ -60,6 +60,13 @@ export class KanbanHeader extends Component {
     // Getters
     // ------------------------------------------------------------------------
 
+    get _configDropdownContainer() {
+        // FIXME: please do not override this getter in other modules.
+        // The dropdown's container prop is only used here as a workaround of
+        // a stacking context issue. It should be removed in the next release.
+        return this.rootRef.el.closest(`.o_kanban_group[data-id="${this.props.group.id}"]`);
+    }
+
     get progressBar() {
         return this.props.progressBarState?.getGroupInfo(this.group);
     }
diff --git a/addons/web/static/src/views/kanban/kanban_header.xml b/addons/web/static/src/views/kanban/kanban_header.xml
index 0d05f727b62..9ee9a45bd9c 100644
--- a/addons/web/static/src/views/kanban/kanban_header.xml
+++ b/addons/web/static/src/views/kanban/kanban_header.xml
@@ -13,7 +13,7 @@
                     class="o_column_title flex-grow-1 d-inline-block mw-100 text-truncate fs-4 fw-bold align-top text-900"
                     />
                 <t t-if="env.isSmall or !group.isFolded">
-                    <Dropdown class="'o_kanban_config'" togglerClass="'btn px-2'" position="'bottom-end'" container="() => this.rootRef.el">
+                    <Dropdown class="'o_kanban_config'" togglerClass="'btn px-2'" position="'bottom-end'" container="() => this._configDropdownContainer">
                         <t t-set-slot="toggler">
                             <i class="fa fa-gear opacity-50 opacity-100-hover" role="img" aria-label="Settings" title="Settings"/>
                         </t>