diff --git a/public/script.js b/public/script.js
index df0a2edcc..d7e5f4e32 100644
--- a/public/script.js
+++ b/public/script.js
@@ -1200,6 +1200,7 @@ function addOneMessage(mes, { type = "normal", insertAfter = null, scroll = true
     }
 
     const newMessage = $(`#chat [mesid="${count_view_mes}"]`);
+    const isSmallSys = mes?.extra?.isSmallSys;
     newMessage.data("isSystem", isSystem);
 
     if (isSystem) {
@@ -1207,6 +1208,10 @@ function addOneMessage(mes, { type = "normal", insertAfter = null, scroll = true
         newMessage.find(".mes_prompt").hide(); //don't need prompt button for sys
     }
 
+    if (isSmallSys === true) {
+        newMessage.addClass('smallSysMes');
+    }
+
     // don't need prompt button for user
     if (params.isUser === true) {
         newMessage.find(".mes_prompt").hide();
diff --git a/public/scripts/extensions/dice/index.js b/public/scripts/extensions/dice/index.js
index 02cefcccb..ce161a40d 100644
--- a/public/scripts/extensions/dice/index.js
+++ b/public/scripts/extensions/dice/index.js
@@ -23,7 +23,7 @@ async function doDiceRoll() {
     if (isValid) {
         const result = droll.roll(value);
         const context = getContext();
-        context.sendSystemMessage('generic', `${context.name1} rolls a ${value}. The result is: ${result.total} (${result.rolls})`);
+        context.sendSystemMessage('generic', `${context.name1} rolls a ${value}. The result is: ${result.total} (${result.rolls})`, { isSmallSys: true });
     }
 }
 
diff --git a/public/scripts/group-chats.js b/public/scripts/group-chats.js
index 3876c7965..ead3ea340 100644
--- a/public/scripts/group-chats.js
+++ b/public/scripts/group-chats.js
@@ -145,7 +145,7 @@ export async function getGroupChat(groupId) {
         }
         printMessages();
     } else {
-        sendSystemMessage(system_message_types.GROUP);
+        sendSystemMessage(system_message_types.GROUP, '', { isSmallSys: true });
         if (group && Array.isArray(group.members)) {
             for (let member of group.members) {
                 const character = characters.find(x => x.avatar === member || x.name === member);
diff --git a/public/style.css b/public/style.css
index 692175eb8..f58f916ce 100644
--- a/public/style.css
+++ b/public/style.css
@@ -244,6 +244,31 @@ body.tts .mes[is_system="true"] .mes_narrate {
     display: none;
 }
 
+.mes.smallSysMes {
+    padding: 5px !important;
+    font-size: calc(var(--mainFontSize)* 0.9);
+    text-align: center;
+}
+
+.mes.smallSysMes .mes_text {
+    padding: 0 !important;
+    text-align: center;
+}
+
+.mes.smallSysMes .mes_block {
+    margin-right: unset !important;
+}
+
+.mes.smallSysMes .ch_name {
+    display: none;
+}
+
+.mes.smallSysMes .mesAvatarWrapper {
+    display: none;
+    height: unset;
+    min-height: unset;
+}
+
 body.sd .sd_message_gen,
 body.tts .mes_narrate {
     display: inline-block;
@@ -4459,4 +4484,4 @@ body.waifuMode #avatar_zoom_popup {
         overflow-y: auto;
         overflow-x: hidden;
     }
-}
+}
\ No newline at end of file