diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
index 81f92bab..8c994559 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
@@ -1,12 +1,10 @@
 <div matRipple>
-  <span *ngIf='presence'>{{ presence.pcStatus }} </span>
-  <img src='{{ profileImageRoot + userInfo.profileImageFile }}'>
-  <span>
-    {{ userInfo.name }} {{ userInfo.grade }}
-  </span>
+  <span *ngIf="presence">{{ presence.pcStatus }} </span>
+  <img [src]="profileImageRoot + userInfo.profileImageFile" />
+  <span> {{ userInfo.name }} {{ userInfo.grade }} </span>
   <span>
     {{ userInfo.deptName }}
   </span>
   <span>{{ userInfo.intro }}</span>
-  <mat-checkbox *ngIf='checkable'></mat-checkbox>
+  <mat-checkbox *ngIf="checkable"></mat-checkbox>
 </div>