diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
index 96ff3375..7c959900 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
@@ -85,6 +85,7 @@
                       [isChecked]="getCheckedUser(userInfo)"
                       [checkable]="true"
                       (checkUser)="onCheckUser($event)"
+                      class="list-item-frame"
                     >
                     </ucap-profile-user-list-item>
                   </ucap-group-expansion-panel>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
index 34c00cc5..dc8856aa 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
@@ -6,25 +6,25 @@
 ::ng-deep .dialog-org {
   .oraganization-tab {
     width: 100%;
-    height:380px;
+    height: 380px;
     border-bottom: 1px solid #dddddd;
     position: relative;
     .oraganization-tab-tree {
       display: inline-flex;
       width: 50%;
-      height:100% !important;
+      height: 100% !important;
       border-right: 1px solid #dddddd;
       overflow: auto;
-      .tab-tree-frame{
-        width:100%;
-        height:100%;
+      .tab-tree-frame {
+        width: 100%;
+        height: 100%;
       }
     }
     .select-list {
       display: inline-flex;
       flex-direction: column;
       width: 50%;
-      height:100% !important;
+      height: 100% !important;
       overflow: auto;
       .search-list {
         overflow: auto;
@@ -37,12 +37,12 @@
 .list-chip {
   height: 100px;
   width: 100%;
-  padding:10px;
-  border:1px solid #dddddd;
+  padding: 10px;
+  border: 1px solid #dddddd;
   overflow: auto;
-  background-color:#f9f9f9;
+  background-color: #f9f9f9;
 }
-.mat-chip.mat-standard-chip .mat-chip-remove{
+.mat-chip.mat-standard-chip .mat-chip-remove {
   line-height: 24px;
 }
 .confirm-card {
@@ -71,34 +71,39 @@
 
 ::ng-deep .mat-dialog-container .mat-tab-body-wrapper {
   height: 380px;
-  width:100%;
-  .mat-tab-body{
-    width:100%;
-    height:100%;
-    .mat-tab-body-content{
-      width:100%;
-      height:100%;
+  width: 100%;
+  .mat-tab-body {
+    width: 100%;
+    height: 100%;
+    .mat-tab-body-content {
+      width: 100%;
+      height: 100%;
     }
   }
 }
-.mat-tab-frame{
-  width:100%;
-  height:100%;
-  .list-panel{
-    width:100%;
+.mat-tab-frame {
+  width: 100%;
+  height: 100%;
+  .list-panel {
+    width: 100%;
     height: calc(100% - 60px);
-    .group-expansion{
-      .list-item{
-        height:70px;
+    .group-expansion {
+      .list-item {
+        height: 70px;
       }
     }
   }
 }
-.mat-tab-group>.mat-tab-header .mat-tab-label{
-  border-bottom:2px solid #dddddd;
+.mat-tab-group > .mat-tab-header .mat-tab-label {
+  border-bottom: 2px solid #dddddd;
 }
-::ng-deep .ps-content{
- .cdk-virtual-scroll-viewport{
-  height:100%;
+::ng-deep .ps-content {
+  .cdk-virtual-scroll-viewport {
+    height: 100%;
   }
-}
\ No newline at end of file
+}
+
+.list-item-frame {
+  width: 100%;
+  height: 100%;
+}