diff --git a/src/pages/common/components/ChatComponent/ChatComponent.module.scss b/src/pages/common/components/ChatComponent/ChatComponent.module.scss index 4657b93d0e..5e19554935 100644 --- a/src/pages/common/components/ChatComponent/ChatComponent.module.scss +++ b/src/pages/common/components/ChatComponent/ChatComponent.module.scss @@ -23,6 +23,7 @@ @include big-phone { margin-bottom: 0; + padding: 0.5rem 0.75rem 0 0.5rem; } } diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss index a7c2482632..ce6974ad08 100644 --- a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss +++ b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss @@ -107,7 +107,7 @@ font-size: $xxsmall-2; color: $c-gray-60; direction: ltr; - margin: 0 4.25rem; + margin: 0 1.25rem; } .messageName { @@ -115,7 +115,7 @@ font-weight: 600; color: var(--primary-text); margin-right: 2.5rem; - margin-left: 1rem; + margin-left: 0.75rem; margin-bottom: 0.5rem; cursor: pointer; } @@ -123,8 +123,8 @@ .messageContent { word-wrap: break-word; white-space: pre-line; - margin-right: 1rem; - margin-left: 1rem; + margin-right: 0.75rem; + margin-left: 0.75rem; word-break: break-word; } @@ -135,7 +135,8 @@ .messageContentCurrentUser { color: $white; - margin-right: 2.5rem; + margin-right: 0.5rem; + margin-top: 0.5rem; } .mentionText {