diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
index 187f8359..69385770 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html
@@ -1,7 +1,3 @@
-<ucap-room-list-item
-  *ngFor="let room of roomList"
-  [roomInfo]="room"
-  [roomUserInfo]="getRoomUserList(room)"
-  (click)="onSelectedRoom(room)"
->
+<ucap-room-list-item *ngFor="let room of roomList" [roomInfo]="room" [roomUserInfo]="getRoomUserList(room)"
+  [sessionVerinfo]="sessionVerinfo" (click)="onSelectedRoom(room)">
 </ucap-room-list-item>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts
index 1b1ce638..15b0020d 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.ts
@@ -15,6 +15,9 @@ import {
   RoomUserDetailData,
   RoomUserData
 } from '@ucap-webmessenger/protocol-sync';
+import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
+import { SessionStorageService } from '@ucap-webmessenger/web-storage';
+import { KEY_VER_INFO } from '@app/types/ver-info.type';
 
 @Component({
   selector: 'app-layout-chat-left-sidenav-chat',
@@ -26,10 +29,15 @@ export class ChatComponent implements OnInit, OnDestroy {
   roomList: RoomInfo[];
   roomUserList: RoomUserDetailData[];
   roomUserShortList: RoomUserData[];
+  sessionVerinfo: VersionInfo2Response;
 
   roomSubscription: Subscription;
 
-  constructor(private store: Store<any>, private logger: NGXLogger) {}
+  constructor(
+    private store: Store<any>,
+    private logger: NGXLogger,
+    private sessionStorageService: SessionStorageService
+  ) {}
 
   ngOnInit() {
     this.roomSubscription = combineLatest([
@@ -51,6 +59,10 @@ export class ChatComponent implements OnInit, OnDestroy {
         })
       )
       .subscribe();
+
+    this.sessionVerinfo = this.sessionStorageService.get<VersionInfo2Response>(
+      KEY_VER_INFO
+    );
   }
 
   ngOnDestroy(): void {
diff --git a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html
index 7dbe8b02..e745d33e 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html
+++ b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html
@@ -5,11 +5,13 @@
 
   <h3>User-list-item</h3>
   <div>
-    <ucap-profile-user-list-item [userInfo]="userInfo" [profileImageRoot]="profileImageRoot" [presence]="presence">
+    <ucap-profile-user-list-item [userInfo]="userInfo" [profileImageRoot]="profileImageRoot" [presence]="presence"
+      [sessionVerinfo]="sessionVerinfo">
     </ucap-profile-user-list-item>
-    <ucap-profile-user-list-item [userInfo]="userInfo">
+    <ucap-profile-user-list-item [userInfo]="userInfo" [sessionVerinfo]="sessionVerinfo">
     </ucap-profile-user-list-item>
-    <ucap-profile-user-list-item [userInfo]="userInfo" [profileImageRoot]="profileImageRoot" [checkable]="true">
+    <ucap-profile-user-list-item [userInfo]="userInfo" [profileImageRoot]="profileImageRoot" [checkable]="true"
+      [sessionVerinfo]="sessionVerinfo">
     </ucap-profile-user-list-item>
   </div>
   <h3>Organization</h3>
@@ -26,7 +28,7 @@
   </div>
   <h3>Chat</h3>
   <div>
-    <ucap-room-list-item [roomInfo]="roomInfo">
+    <ucap-room-list-item [roomInfo]="roomInfo" [sessionVerinfo]="sessionVerinfo">
     </ucap-room-list-item>
   </div>
   <h3>Chat::MessageBox</h3>
diff --git a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts
index 241765e5..6c6c93bf 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts
@@ -11,10 +11,12 @@ import {
   TerminalStatusInfo,
   TerminalStatusNumber
 } from '@ucap-webmessenger/protocol-status';
-import { StatusCode } from '@ucap-webmessenger/core';
 import { Router } from '@angular/router';
 import { Company } from '@ucap-webmessenger/api-external';
 import { EventType } from '@ucap-webmessenger/protocol-event';
+import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
+import { StatusCode as ApiStatusCode } from '@ucap-webmessenger/api';
+import { StatusCode } from '@ucap-webmessenger/core';
 
 @Component({
   selector: 'app-template.page',
@@ -34,9 +36,17 @@ export class TemplatePageComponent implements OnInit {
 
   roomInfo: RoomInfo = roomInfo;
 
+  sessionVerinfo: VersionInfo2Response;
+
   constructor(private router: Router) {}
 
-  ngOnInit() {}
+  ngOnInit() {
+    this.sessionVerinfo = {
+      statusCode: ApiStatusCode.Success,
+      errorMessage: '',
+      profileRoot: this.profileImageRoot
+    };
+  }
 
   onClickLogin() {
     this.router.navigate(['/account/login']);
diff --git a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts
index 19e94f31..c351e8f3 100644
--- a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts
+++ b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts
@@ -5,6 +5,7 @@ import {
   UserInfo as RoomUserInfo
 } from '@ucap-webmessenger/protocol-room';
 import { NGXLogger } from 'ngx-logger';
+import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
 
 @Component({
   selector: 'ucap-room-list-item',
@@ -14,9 +15,10 @@ import { NGXLogger } from 'ngx-logger';
 export class ListItemComponent implements OnInit {
   @Input()
   roomInfo: RoomInfo;
-
   @Input()
   roomUserInfo: RoomUserInfo[] | UserInfoShort[];
+  @Input()
+  sessionVerinfo: VersionInfo2Response;
 
   constructor(private logger: NGXLogger) {}