diff --git a/addons/hr/hr_view.xml b/addons/hr/hr_view.xml
index f6fd3466e0f..95ea18c3b05 100644
--- a/addons/hr/hr_view.xml
+++ b/addons/hr/hr_view.xml
@@ -135,19 +135,21 @@
           <kanban>
               <templates>
                 <t t-name="kanban-box">
-                  <div class="oe_employee_image">
-                    <a type="edit"><img t-att-src="kanban_image('hr.employee', 'photo', record.id.value)" class="oe_employee_picture"/></a>
-                  </div>
-                  <div class="oe_employee_details">
-                    <h4><a type="edit"><field name="name"/> (<field name="user_id"/>)</a></h4>
-                    <ul>
-                      <li t-if="record.department_id.raw_value"><field name="department_id"/></li>
-                      <li t-if="record.job_id.raw_value"><field name="job_id"/></li>
-                      <li t-if="record.work_location.raw_value"><field name="work_location"/></li>
-                      <li t-if="record.work_phone.raw_value">Tel: <field name="work_phone"/></li>
-                      <li t-if="record.mobile_phone.raw_value">Mobile: <field name="mobile_phone"/></li>
-                      <li t-if="record.work_email.raw_value"><a t-attf-href="mailto:#{record.work_email.value}"><field name="work_email"/></a></li>
-                    </ul>
+                  <div class="oe_employee_vignette">
+                    <div class="oe_employee_image">
+                      <a type="edit"><img t-att-src="kanban_image('hr.employee', 'photo', record.id.value)" class="oe_employee_picture"/></a>
+                    </div>
+                    <div class="oe_employee_details">
+                      <h4><a type="edit"><field name="name"/> (<field name="user_id"/>)</a></h4>
+                      <ul>
+                        <li t-if="record.department_id.raw_value"><field name="department_id"/></li>
+                        <li t-if="record.job_id.raw_value"><field name="job_id"/></li>
+                        <li t-if="record.work_location.raw_value"><field name="work_location"/></li>
+                        <li t-if="record.work_phone.raw_value">Tel: <field name="work_phone"/></li>
+                        <li t-if="record.mobile_phone.raw_value">Mobile: <field name="mobile_phone"/></li>
+                        <li t-if="record.work_email.raw_value"><a t-attf-href="mailto:#{record.work_email.value}"><field name="work_email"/></a></li>
+                      </ul>
+                    </div>
                   </div>
                   <script>
                     $('.oe_employee_picture').load(function() { if($(this).width() > $(this).height()) { $(this).addClass('oe_employee_picture_wide') } });
diff --git a/addons/hr/static/src/css/hr.css b/addons/hr/static/src/css/hr.css
index 83a93c20133..11e72fad31e 100644
--- a/addons/hr/static/src/css/hr.css
+++ b/addons/hr/static/src/css/hr.css
@@ -1,3 +1,8 @@
+.oe_employee_vignette {
+  padding: 8px 0;
+  min-height: 100px;
+}
+
 .oe_employee_image, .oe_employee_details {
   display: inline-block;
   vertical-align: top;