diff --git a/document_page/__manifest__.py b/document_page/__manifest__.py
index e7a125a72be..57e6ded0e3e 100644
--- a/document_page/__manifest__.py
+++ b/document_page/__manifest__.py
@@ -32,6 +32,8 @@
     "assets": {
         "web.assets_backend": [
             "document_page/static/src/scss/document_page.scss",
+            "document_page/static/src/js/document_page_kanban_controller.js",
+            "document_page/static/src/js/document_page_kanban_view.js",
         ],
     },
 }
diff --git a/document_page/static/src/js/document_page_kanban.js b/document_page/static/src/js/document_page_kanban.js
deleted file mode 100644
index 7c95985c2b2..00000000000
--- a/document_page/static/src/js/document_page_kanban.js
+++ /dev/null
@@ -1,26 +0,0 @@
-odoo.define("document_page.update_kanban", function (require) {
-    "use strict";
-
-    var KanbanRecord = require("web.KanbanRecord");
-
-    KanbanRecord.include({
-        // --------------------------------------------------------------------------
-        // Private
-        // --------------------------------------------------------------------------
-
-        /**
-         * @override
-         * @private
-         */
-        _openRecord: function () {
-            if (
-                this.modelName === "document.page" &&
-                this.$(".o_document_page_kanban_boxes a").length
-            ) {
-                this.$(".o_document_page_kanban_boxes a").first().click();
-            } else {
-                this._super.apply(this, arguments);
-            }
-        },
-    });
-});
diff --git a/document_page/static/src/js/document_page_kanban_controller.js b/document_page/static/src/js/document_page_kanban_controller.js
new file mode 100644
index 00000000000..9fc613ee01a
--- /dev/null
+++ b/document_page/static/src/js/document_page_kanban_controller.js
@@ -0,0 +1,19 @@
+/** @odoo-module */
+import {KanbanController} from "@web/views/kanban/kanban_controller";
+
+export class DocumentPageKanbanController extends KanbanController {
+    /**
+     * @param {Object} record
+     */
+    async openRecord(record) {
+        const element = document.querySelector(
+            `.o_kanban_record[data-id="${record.id}"] .o_document_page_kanban_boxes a`
+        );
+
+        if (this.props.resModel === "document.page" && element) {
+            element.click();
+        } else {
+            await super.openRecord(record);
+        }
+    }
+}
diff --git a/document_page/static/src/js/document_page_kanban_view.js b/document_page/static/src/js/document_page_kanban_view.js
new file mode 100644
index 00000000000..eb240416134
--- /dev/null
+++ b/document_page/static/src/js/document_page_kanban_view.js
@@ -0,0 +1,11 @@
+/** @odoo-module */
+import {registry} from "@web/core/registry";
+import {kanbanView} from "@web/views/kanban/kanban_view";
+import {DocumentPageKanbanController} from "./document_page_kanban_controller";
+
+export const documentPageKanbanView = {
+    ...kanbanView,
+    Controller: DocumentPageKanbanController,
+};
+
+registry.category("views").add("document_page_kanban_view", documentPageKanbanView);
diff --git a/document_page/views/document_page.xml b/document_page/views/document_page.xml
index 1156d6a6d8a..eaba6d3c4f9 100644
--- a/document_page/views/document_page.xml
+++ b/document_page/views/document_page.xml
@@ -45,7 +45,7 @@
                     />
                     <field name="active" invisible="1" />
                     <field name="type" invisible="1" />
-                    <field name="image" widget="image" class="oe_avatar" />
+                    <field name="image" widget="image" class="oe_avatar" style="z-index:1"/>
                     <div class="oe_title">
                         <h1>
                             <field name="name" placeholder="Name" />
diff --git a/document_page/views/document_page_category.xml b/document_page/views/document_page_category.xml
index 1e0a199e428..1f0528c8470 100644
--- a/document_page/views/document_page_category.xml
+++ b/document_page/views/document_page_category.xml
@@ -97,7 +97,7 @@
         <field name="name">document.page.browse.kanban</field>
         <field name="model">document.page</field>
         <field name="arch" type="xml">
-            <kanban>
+            <kanban js_class="document_page_kanban_view">
                 <field name="id" />
                 <field name="name" />
                 <field name="display_name" />
@@ -152,35 +152,13 @@
                                                 <img
                                                     t-att-src="kanban_image('document.page', 'image', record.parent_id.raw_value)"
                                                     t-att-alt="record.parent_id.display_name"
-                                                    width="24"
-                                                    height="24"
+                                                    style="margin-right:5px; width:24px; height:24px;"
                                                 />
                                                 <field name="parent_id" />
                                             </small>
                                         </div>
                                     </div>
-                                    <div
-                                        class="o_dropdown_kanban dropdown"
-                                        groups="base.group_user"
-                                    >
-                                        <a
-                                            role="button"
-                                            class="dropdown-toggle o-no-caret btn"
-                                            data-toggle="dropdown"
-                                            data-display="static"
-                                            href="#"
-                                            aria-label="Dropdown menu"
-                                            title="Dropdown menu"
-                                        >
-                                            <span class="fa fa-ellipsis-v" />
-                                        </a>
-                                        <div class="dropdown-menu" role="menu">
-                                            <ul
-                                                class="oe_kanban_colorpicker"
-                                                data-field="color"
-                                            />
-                                        </div>
-                                    </div>
+
                                     <div class="o_kanban_record_body">
                                         <div class="o_kanban_tags_section">
                                         </div>
@@ -219,6 +197,10 @@
                             </div>
                         </div>
                     </t>
+
+                    <t t-name="kanban-menu">
+                        <ul class="oe_kanban_colorpicker" data-field="color" />
+                    </t>
                 </templates>
             </kanban>
         </field>
@@ -302,7 +284,7 @@
     />
     <menuitem
         id="menu_browse_content"
-        parent="knowledge.menu_document_root"
+        parent="document_knowledge.menu_document_root"
         name="Browse Wiki Content"
         action="action_browse_top_content"
         sequence="5"