diff --git a/addons/project/project_view.xml b/addons/project/project_view.xml
index b27e9dcbd1d..53ccca7f0aa 100644
--- a/addons/project/project_view.xml
+++ b/addons/project/project_view.xml
@@ -181,24 +181,24 @@
                         </t>
                         <t t-name="kanban-box">
                             <div class="oe_module_vignette oe_kanban_box oe_kanban_color_border">
-                                <table border="0" width="350px">
+                                <table class="project_table">
                                     <tr>
-                                        <td width="60px" align="center" valign="top">
-                                            <button name = "open_users" type="object" class="oe_project_buttons"><img t-att-src="kanban_image('res.users', 'avatar', record.user_id.raw_value[0])" height="40px" width="40px" /></button><br/>
+                                        <td class="td_image">
+                                            <button name = "open_users" type="object" class="oe_project_buttons"><img t-att-src="kanban_image('res.users', 'avatar', record.user_id.raw_value[0])" class="avatar"/></button><br/>
                                             <div class="manager"><field name="user_id"/></div>
                                             <t t-if="record.date.raw_value">
                                                 <kbd class="user">Deadline</kbd>
                                                 <div class="manager"><field name="date"/></div>
                                             </t>
                                         </td>
-                                        <td align="left" valign="middle" width="220px">
+                                        <td class="td_name">
                                             <div class="oe_project_border">
                                                 <h4 class="oe_project_font1">
                                                     <a type="edit"><div class="oe_project_font"><t t-esc="record.name.value.substr(0,26)"/><t t-if="record.name.value.length > 26">...</t></div></a>
                                                 </h4>
                                                 <table >
-                                                    <tr>
-                                                        <td align="left" valign="middle" class="buttons">
+                                                    <tr class ="task">
+                                                        <td class="buttons">
                                                             <t t-if="record.task.raw_value">
                                                                 <button name="open_tasks" class="oe_project_buttons" type="object" tooltip="tasks"><img src="/project/static/src/img/tasks_icon.png" class="project_icon"/></button>
                                                             </t>
@@ -207,7 +207,7 @@
                                                 </table>
                                             </div>
                                         </td>
-                                        <td width="70px" valign="top" align="right">
+                                        <td class="td_deadline">
                                                 <div id="sequence">
                                                     <!--<kbd class="user">Deadline</kbd>-->
                                                     <!--<div class="manager"><field name="date"/></div>-->
@@ -215,18 +215,18 @@
                                         </td>
                                     </tr>
                                 </table>
-                                <table border="0" width="350px">
+                                <table class="project_table">
                                     <tr>
-                                        <td align="left" width="120px" valign="bottom">
+                                        <td class="td_hours">
                                             <div class="progress invoiced">
                                                 <t t-esc="Math.round(record.effective_hours.raw_value)"/> hrs
                                                 <progress t-att-value="record.effective_hours.raw_value" t-att-max="record.total_hours.raw_value"></progress>
                                                 <t t-esc="Math.round(record.total_hours.raw_value)"/> hrs
                                             </div>
                                         </td>
-                                        <td align="right" valign="bottom" width="130px" height="20px">
+                                        <td class="td_member">
                                             <t t-foreach="record.members.raw_value" t-as="member">
-                                                <img t-att-src="kanban_image('res.users', 'avatar', member)" height="20px" width=" 20px"/>
+                                                <img t-att-src="kanban_image('res.users', 'avatar', member)" class="img_member"/>
                                             </t>
                                         </td>
                                     </tr>
diff --git a/addons/project/static/src/css/project.css b/addons/project/static/src/css/project.css
index a17cadd45e3..1dc146d7463 100644
--- a/addons/project/static/src/css/project.css
+++ b/addons/project/static/src/css/project.css
@@ -48,7 +48,53 @@
   text-align: center;
 }
 
+.project_table{
+    border:0;
+     width:350px;
+}
+.td_image{
+    width:60px;
+    text-align:center;
+    vertical-align:top;
 
+}
+.avatar{
+    height:40px;
+    width:40px;
+}
+.td_name{
+    text-align:left;
+    vertical-align:middle;
+    width:220px;
+}
+.td_deadline{
+    width:70px;
+     vertical-align:top; 
+     text-align:right;
+}
+.td_member{
+    text-align:right;
+    vertical-align:bottom;
+    width:130px;
+    height:20px;
+}
+.td_member_img{
+    height:22px;
+    width:22px;
+}
+.img_member{
+    height:20px;
+    width:20px;
+}
+.td_hours{
+    text-align:left;
+    vertical-align:bottom;
+    width:120px
+}
+.task{
+    text-align:left;
+    vertical-align:middle;
+}
 .invoiced{
   font-size: 9px;
 }