diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss index 9da9e2e916..065ea21b61 100644 --- a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss +++ b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss @@ -58,6 +58,8 @@ box-sizing: border-box; position: relative; text-align: start; + font-size: $small; + color: $secondary-blue; &:hover { .menuArrowButton { @@ -85,10 +87,10 @@ } .systemMessage { - width: 100%; - max-width: unset; - min-width: unset; - background-color: $c-pink-light; + width: fit-content; + text-align: center; + font-size: $xxsmall-2; + color: $c-gray-60; } .messageName { @@ -102,8 +104,6 @@ } .messageContent { - font-size: $small; - color: $secondary-blue; word-wrap: break-word; white-space: pre-line; margin-right: 1rem; diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.tsx b/src/shared/components/Chat/ChatMessage/ChatMessage.tsx index 84a5a76985..76fe7c0841 100644 --- a/src/shared/components/Chat/ChatMessage/ChatMessage.tsx +++ b/src/shared/components/Chat/ChatMessage/ChatMessage.tsx @@ -454,14 +454,6 @@ export default function ChatMessage({ /> )} </div> - {isSystemMessage && ( - <Time - createdAtDate={createdAtDate} - editedAtDate={editedAtDate} - moderation={discussionMessage.moderation} - isNotCurrentUserMessage={isNotCurrentUserMessage} - /> - )} </> )} </div>