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 d16c2637..98d7fe83 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
@@ -262,8 +262,48 @@
       </mat-chip>
     </mat-chip-list>
   </div>
-  <span>
-    {{ selectedUserList.length }}
-    {{ 'common.units.persons' | translate }}
-  </span>
+  <ng-container
+    *ngIf="
+      data.type === UserSelectDialogType.NewChat;
+      then newchatcount;
+      else defaultcount
+    "
+  ></ng-container>
+  <ng-template #newchatcount>
+    <span
+      [ngClass]="
+        selectedUserList.length >=
+        environment.productConfig.CommonSetting.maxChatRoomUser
+          ? 'text-warn-color'
+          : ''
+      "
+    >
+      {{ selectedUserList.length }} /
+      {{ environment.productConfig.CommonSetting.maxChatRoomUser - 1 }}
+      {{ 'common.units.persons' | translate }}
+    </span>
+    <span
+      class="text-warn-color"
+      style="float: right;"
+      *ngIf="
+        selectedUserList.length >=
+        environment.productConfig.CommonSetting.maxChatRoomUser
+      "
+    >
+      ({{
+        'chat.errors.maxCountOfRoomMemberWith'
+          | translate
+            : {
+                maxCount:
+                  environment.productConfig.CommonSetting.maxChatRoomUser - 1
+              }
+      }})
+    </span>
+  </ng-template>
+  <ng-template #defaultcount>
+    <span>
+      {{ selectedUserList.length }}
+      {{ 'common.units.persons' | translate }}
+    </span>
+  </ng-template>
 </ng-template>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts
index 53891855..58ceec7b 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts
@@ -134,6 +134,7 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
   currentTabIndex: number;
 
   UserSelectDialogType = UserSelectDialogType;
+  environment = environment;
 
   loginRes: LoginResponse;
   loginResSubscription: Subscription;
@@ -740,8 +741,12 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
       if (this.selectedUserList.length === 0 && !this.selectedRoom) {
         return true;
       }
-
       return false;
+    } else if (this.data.type === UserSelectDialogType.NewChat) {
+      return (
+        this.selectedUserList.length >=
+        this.environment.productConfig.CommonSetting.maxChatRoomUser
+      );
     } else {
       return false;
     }