diff --git a/src/components/ChatMessage.jsx b/src/components/ChatMessage.jsx
index 85965e1..095f9b6 100644
--- a/src/components/ChatMessage.jsx
+++ b/src/components/ChatMessage.jsx
@@ -45,7 +45,7 @@ function ChatMessage({
{(!isInfo && !isEvent) && (
-
+
-
{name}
- :
+
+ {': '}
)}
diff --git a/src/styles/default.css b/src/styles/default.css
index 39e861e..8a7f691 100644
--- a/src/styles/default.css
+++ b/src/styles/default.css
@@ -683,9 +683,11 @@ tr:nth-child(even) {
display: flex;
}
.chatname {
- font-size: 13px;
- white-space: nowrap;
padding-right: 4px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ display: inline-block;
+ max-width: 100px;
}
.chatts {
color: #83839f;