diff --git a/UI/Templates/ContactsUI/UIxContactViewTemplate.wox b/UI/Templates/ContactsUI/UIxContactViewTemplate.wox
index cdd53ad51..5f289190d 100644
--- a/UI/Templates/ContactsUI/UIxContactViewTemplate.wox
+++ b/UI/Templates/ContactsUI/UIxContactViewTemplate.wox
@@ -57,7 +57,7 @@
                                sg-src="editor.card.photoURL"
                                size="40"><!-- avatar --></sg-avatar-image>
             </div>
-            <div class="sg-list-avatar" ng-show="editor.card.c_component == 'vlist'">
+            <div class="md-tile-left sg-avatar-list" ng-show="editor.card.$isList()">
               <!--list avatar-->
             </div>
             <div class="msg-header-content">
diff --git a/UI/WebServerResources/scss/components/list/list.scss b/UI/WebServerResources/scss/components/list/list.scss
index 80a507e04..090d7b213 100644
--- a/UI/WebServerResources/scss/components/list/list.scss
+++ b/UI/WebServerResources/scss/components/list/list.scss
@@ -215,7 +215,9 @@ sg-avatar-image {
 // Avatar placeholder
 // ------------------------------------
 .md-avatar:before,
-.md-avatar md-icon {
+.md-avatar md-icon,
+sg-avatar-image md-icon,
+.sg-avatar-list {
   font-family: 'Material Icons';
   font-size: $sg-avatar-width;
   color: rgba(0, 0, 0, 0.26);