diff --git a/document_page/__manifest__.py b/document_page/__manifest__.py
index ce6b3141..7bfe325d 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.esm.js",
+            "document_page/static/src/js/document_page_kanban_view.esm.js",
         ],
     },
 }
diff --git a/document_page/models/document_page.py b/document_page/models/document_page.py
index cd380eba..a85c863d 100644
--- a/document_page/models/document_page.py
+++ b/document_page/models/document_page.py
@@ -94,7 +94,7 @@ class DocumentPage(models.Model):
         compute="_compute_backend_url",
     )
 
-    image = fields.Binary("Image", attachment=True)
+    image = fields.Binary(attachment=True)
     color = fields.Integer(string="Color Index")
 
     @api.depends("menu_id", "parent_id.menu_id")
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 7c95985c..00000000
--- 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.esm.js b/document_page/static/src/js/document_page_kanban_controller.esm.js
new file mode 100644
index 00000000..0b7884cb
--- /dev/null
+++ b/document_page/static/src/js/document_page_kanban_controller.esm.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.esm.js b/document_page/static/src/js/document_page_kanban_view.esm.js
new file mode 100644
index 00000000..957bef03
--- /dev/null
+++ b/document_page/static/src/js/document_page_kanban_view.esm.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.esm";
+
+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 05440e87..c8248475 100644
--- a/document_page/views/document_page.xml
+++ b/document_page/views/document_page.xml
@@ -45,7 +45,12 @@
                     />
                     <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 20cae216..3bbac5c0 100644
--- a/document_page/views/document_page_category.xml
+++ b/document_page/views/document_page_category.xml
@@ -94,7 +94,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" />
@@ -149,35 +149,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>
@@ -216,6 +194,10 @@
                             </div>
                         </div>
                     </t>
+
+                    <t t-name="kanban-menu">
+                        <ul class="oe_kanban_colorpicker" data-field="color" />
+                    </t>
                 </templates>
             </kanban>
         </field>
@@ -300,7 +282,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"