diff --git a/addons/project/project_view.xml b/addons/project/project_view.xml
index 0778c0f9571..4a6b8a43145 100644
--- a/addons/project/project_view.xml
+++ b/addons/project/project_view.xml
@@ -221,9 +221,17 @@
                                             </td>
                                         </tr>
                                     </table>
-                                    <t t-foreach="record.members.raw_value" t-as="member">
-                                        <img t-att-src="kanban_image('res.users', 'avatar', member)"  t-att-title="member" class="project_avatar"/>
-                                    </t>					            
+                                    <t t-if="record.members.raw_value.length > 7">
+                                        <t t-foreach="record.members.raw_value" t-as="member">
+                                            <img t-att-src="kanban_image('res.users', 'avatar', member)"  t-att-title="member" class="project_avatar"/>
+                                        </t>
+                                    </t>
+                                    <t t-if="record.members.raw_value.length &lt;= 7">
+                                        <br/><br/>
+                                        <t t-foreach="record.members.raw_value" t-as="member">
+                                            <img t-att-src="kanban_image('res.users', 'avatar', member)"  t-att-title="member" class="project_avatar1"/>
+                                        </t>
+                                    </t>
                                 </li>
                             </div>
                         </t>
diff --git a/addons/project/static/src/css/project.css b/addons/project/static/src/css/project.css
index 7e67f12b594..60548cb578d 100644
--- a/addons/project/static/src/css/project.css
+++ b/addons/project/static/src/css/project.css
@@ -30,7 +30,10 @@ table {
   .project_vignettes li {
     float: left; }
   .project_vignettes .project_avatar {
-    /*margin-top: 20px;*/
+    width: 30px;
+    height: 30px; }
+  .project_vignettes .project_avatar1 {
+    padding-top: 4px;
     width: 30px;
     height: 30px; }
   .project_vignettes .project_fields {
@@ -64,14 +67,20 @@ table {
 }
 
 .project_avatar {
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
 
-
+.project_avatar1 {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
 .i {
   font-family: "mnmliconsRegular" !important;
   font-size: 21px;