diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
index 6960b402..e91764a3 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
@@ -4,33 +4,25 @@
       <ng-template mat-tab-label>
         <mat-icon>group</mat-icon>
       </ng-template>
-      <ng-template matTabContent>
-        <app-layout-chat-left-sidenav-group></app-layout-chat-left-sidenav-group>
-      </ng-template>
+      <app-layout-chat-left-sidenav-group></app-layout-chat-left-sidenav-group>
     </mat-tab>
     <mat-tab>
       <ng-template mat-tab-label>
         <mat-icon>chat</mat-icon>
       </ng-template>
-      <ng-template matTabContent>
-        <app-layout-chat-left-sidenav-chat></app-layout-chat-left-sidenav-chat>
-      </ng-template>
+      <app-layout-chat-left-sidenav-chat></app-layout-chat-left-sidenav-chat>
     </mat-tab>
     <mat-tab>
       <ng-template mat-tab-label>
         <mat-icon>device_hub</mat-icon>
       </ng-template>
-      <ng-template matTabContent>
-        <app-layout-chat-left-sidenav-organization></app-layout-chat-left-sidenav-organization>
-      </ng-template>
+      <app-layout-chat-left-sidenav-organization></app-layout-chat-left-sidenav-organization>
     </mat-tab>
     <mat-tab>
       <ng-template mat-tab-label>
         <mat-icon>phone</mat-icon>
       </ng-template>
-      <ng-template matTabContent>
-        <app-layout-chat-left-sidenav-call></app-layout-chat-left-sidenav-call>
-      </ng-template>
+      <app-layout-chat-left-sidenav-call></app-layout-chat-left-sidenav-call>
     </mat-tab>
   </mat-tab-group>
 </div>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
index 995c7140..e1c70420 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
@@ -1,15 +1,25 @@
-<div class="oraganization-tab" fxLayout="column">
+<div
+  class="oraganization-tab"
+  fxLayout="column"
+  *ngIf="departmentInfoList$ | async"
+>
   <div class="oraganization-tab-tree" fxFlex="50" style="overflow: scroll">
-    <ucap-organization-tree [oraganizationList]="departmentInfoList$ | async"
-      (selected)="onSelectedOrganization($event)"></ucap-organization-tree>
+    <ucap-organization-tree
+      [oraganizationList]="departmentInfoList$ | async"
+      (selected)="onSelectedOrganization($event)"
+    ></ucap-organization-tree>
   </div>
   <div fxFlex="50" style="overflow: scroll">
     <div>
       (선택된부서명)
     </div>
     <div>
-      <ucap-profile-user-list-item *ngFor="let userInfo of selectedDepartmentUserInfoList$ | async"
-        [userInfo]="userInfo" [checkable]="true" [sessionVerinfo]="sessionVerinfo">
+      <ucap-profile-user-list-item
+        *ngFor="let userInfo of selectedDepartmentUserInfoList$ | async"
+        [userInfo]="userInfo"
+        [checkable]="true"
+        [sessionVerinfo]="sessionVerinfo"
+      >
       </ucap-profile-user-list-item>
     </div>
     <div>