diff --git a/app/page/template/modal/group-creation.htm b/app/page/template/modal/group-creation.htm
index 7a9e0baf6e5..882bfbb4aeb 100644
--- a/app/page/template/modal/group-creation.htm
+++ b/app/page/template/modal/group-creation.htm
@@ -36,6 +36,7 @@
data-uie-name="enter-group-name">
+
diff --git a/app/page/template/panel/conversation-details.htm b/app/page/template/panel/conversation-details.htm
index be8c531795d..deee789b6cb 100644
--- a/app/page/template/panel/conversation-details.htm
+++ b/app/page/template/panel/conversation-details.htm
@@ -50,6 +50,9 @@
+
+
+
diff --git a/app/script/localization/webapp.js b/app/script/localization/webapp.js
index acc0747a646..d9a722dfacb 100644
--- a/app/script/localization/webapp.js
+++ b/app/script/localization/webapp.js
@@ -372,6 +372,7 @@ z.string.groupCreationParticipantsActionSkip = 'Skip';
z.string.groupCreationParticipantsHeader = 'Add people';
z.string.groupCreationParticipantsHeaderWithCounter = 'Add people ({{number}})';
z.string.groupCreationParticipantsPlaceholder = 'Search by name';
+z.string.groupSizeInfo = 'Up to 128 people can join a group conversation. Video calls work in groups of 4 or less.';
// Guest room
z.string.guestRoomConversationName = 'Guest room';
diff --git a/app/style/modal/group-creation.less b/app/style/modal/group-creation.less
index eff8da5aa6d..a1866b9bda2 100644
--- a/app/style/modal/group-creation.less
+++ b/app/style/modal/group-creation.less
@@ -85,6 +85,13 @@
margin: 8px;
}
+ .group-size-info {
+ margin: 16px 16px 0;
+ color: @graphite;
+ font-size: @font-size-xs;
+ line-height: @line-height-sm;
+ }
+
.group-creation-list-wrapper {
position: absolute;
right: -16px;
diff --git a/app/style/panel/conversation-details.less b/app/style/panel/conversation-details.less
index 74657ce5b5a..ab6ce91d4a0 100644
--- a/app/style/panel/conversation-details.less
+++ b/app/style/panel/conversation-details.less
@@ -177,4 +177,10 @@
font-weight: @font-weight-bold;
text-transform: uppercase;
}
+ &__group-size-info {
+ margin: 8px 0 0;
+ color: @graphite;
+ font-size: @font-size-xs;
+ line-height: @line-height-sm;
+ }
}