diff --git a/UI/Templates/ContactsUI/UIxContactFoldersView.wox b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
index 4fad8f40a..7af4135c0 100644
--- a/UI/Templates/ContactsUI/UIxContactFoldersView.wox
+++ b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
@@ -238,8 +238,11 @@
                   ng-click="select($index); toggleDetailView()"
                   layout="row"
                   flex="true">
-                <div class="sg-avatar">
-                  <!--avatar--><!-- currentCard.tag = vcard || vlist -->
+                <div class="sg-avatar" ng-show="currentCard.tag == 'vcard'">
+                  <!--card avatar-->
+                </div>
+                <div class="sg-list-avatar" ng-show="currentCard.tag == 'vlist'">
+                  <!--list avatar-->
                 </div>
                 <div class="sg-tile-content">
                   <a ui-sref="addressbook.card.view({addressbookId: addressbook.id, cardId: currentCard.id})">
diff --git a/UI/Templates/ContactsUI/UIxContactViewTemplate.wox b/UI/Templates/ContactsUI/UIxContactViewTemplate.wox
index f06d19934..6d42e8f87 100644
--- a/UI/Templates/ContactsUI/UIxContactViewTemplate.wox
+++ b/UI/Templates/ContactsUI/UIxContactViewTemplate.wox
@@ -9,8 +9,11 @@
     <md-card-content>
       <md-button class="iconButton show-sm" ng-click="toggleDetailView()"><i class="md-icon-close"><!--icon--></i></md-button>
       <header>
-        <div class="sg-avatar">
-          <!--avatar--><!-- currentCard.tag = vcard || vlist -->
+        <div class="sg-avatar" ng-show="card.tag == 'vcard'">
+          <!--card avatar-->
+        </div>
+        <div class="sg-list-avatar" ng-show="card.tag == 'vlist'">
+          <!--list avatar-->
         </div>
         <div class="msg-header-content">
           <h1 class="sg-md-display-2--light" ng-bind-html="card.$fullname()"><!-- fullname --></h1>
diff --git a/UI/WebServerResources/scss/components/autoScrollList/autoScrollList.scss b/UI/WebServerResources/scss/components/autoScrollList/autoScrollList.scss
index d4b813284..ddb43a7cb 100644
--- a/UI/WebServerResources/scss/components/autoScrollList/autoScrollList.scss
+++ b/UI/WebServerResources/scss/components/autoScrollList/autoScrollList.scss
@@ -92,7 +92,12 @@
   }
 }
 .sg-avatar {
-  @extend .md-tile-left;
+  @extend .md-tile-left-card;
+  margin-right: 0;
+  margin-left: 0;
+}
+.sg-list-avatar {
+  @extend .md-tile-left-list;
   margin-right: 0;
   margin-left: 0;
 }
diff --git a/UI/WebServerResources/scss/components/list/list.scss b/UI/WebServerResources/scss/components/list/list.scss
index c5d63f074..fad31d853 100644
--- a/UI/WebServerResources/scss/components/list/list.scss
+++ b/UI/WebServerResources/scss/components/list/list.scss
@@ -71,8 +71,15 @@ div.md-tile-left {
 // Avatar placeholder
 // ------------------------------------
 .md-tile-left:before {
-  content: "\f251";
   font-family: 'Material Design Iconic Font';
   font-size: 40px;
   color: rgba(0, 0, 0, 0.26);
 }
+.md-tile-left-card:before {
+  @extend .md-tile-left;
+  content: "\f251";
+}
+.md-tile-left-list:before {
+  @extend .md-tile-left;
+  content: "\f2d4";
+}
\ No newline at end of file