diff --git a/addons/hr_org_chart/__manifest__.py b/addons/hr_org_chart/__manifest__.py
index da05f79ac54..24d3a6ea5a9 100644
--- a/addons/hr_org_chart/__manifest__.py
+++ b/addons/hr_org_chart/__manifest__.py
@@ -16,7 +16,8 @@ This module extend the employee form with a organizational chart.
     'depends': ['hr'],
     'auto_install': True,
     'data': [
-        'views/hr_views.xml'
+        'views/hr_department_views.xml',
+        'views/hr_views.xml',
     ],
     'assets': {
         'web._assets_primary_variables': [
diff --git a/addons/hr_org_chart/views/hr_department_views.xml b/addons/hr_org_chart/views/hr_department_views.xml
new file mode 100644
index 00000000000..6d7206595e7
--- /dev/null
+++ b/addons/hr_org_chart/views/hr_department_views.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <record id="hr_department_hierarchy_view" model="ir.ui.view">
+        <field name="name">hr.departmnent.view.hierarchy</field>
+        <field name="model">hr.department</field>
+        <field name="arch" type="xml">
+            <hierarchy child_field="child_ids">
+                <field name="name" />
+                <field name="color" />
+                <field name="total_employee" />
+                <templates>
+                    <t t-name="hierarchy-box">
+                        <div t-attf-class="o_hierarchy_node_header d-flex justify-content-center align-items-center o_hierarchy_node_color_{{ record.color.raw_value }}">
+                            <field name="name" />
+                        </div>
+                        <div class="o_hierarchy_node_body d-flex flex-column">
+                            <field name="manager_id" class="pt-1 ps-1" widget="many2one_avatar" />
+                            <div>
+                                <button class="btn btn-link" name="%(hr.act_employee_from_department)d" type="action">
+                                    <t t-out="record.total_employee.raw_value"/> Employees
+                                </button>
+                            </div>
+                        </div>
+                    </t>
+                </templates>
+            </hierarchy>
+        </field>
+    </record>
+
+    <record id="hr.hr_department_kanban_action" model="ir.actions.act_window">
+        <field name="view_mode">kanban,tree,hierarchy,form</field>
+    </record>
+
+    <record id="hr.hr_department_tree_action" model="ir.actions.act_window">
+        <field name="view_mode">tree,kanban,hierarchy,form</field>
+    </record>
+
+</odoo>