diff --git a/src/components/middle/message/Message.tsx b/src/components/middle/message/Message.tsx index 37a8cbf05..e00555c71 100644 --- a/src/components/middle/message/Message.tsx +++ b/src/components/middle/message/Message.tsx @@ -575,12 +575,13 @@ const Message: FC = ({ const messageSender = canShowSender ? sender : undefined; - const noUserColors = isOwn && !isCustomShape; - const shouldPreferOriginSender = forwardInfo && (isChatWithSelf || isRepliesChat || isAnonymousForwards || !messageSender); const avatarPeer = shouldPreferOriginSender ? originSender : messageSender; - const messageColorPeer = originSender || sender; + + const messageColorPeer = asForwarded ? originSender : sender; + const noUserColors = isOwn && !isCustomShape; + const senderPeer = (forwardInfo || storyData) ? originSender : messageSender; const hasTtl = hasMessageTtl(message); @@ -777,7 +778,7 @@ const Message: FC = ({ hasReactions, isGeoLiveActive: location?.mediaType === 'geoLive' && !isGeoLiveExpired(message), withVoiceTranscription, - peerColorClass: getPeerColorClass(messageColorPeer, noUserColors), + peerColorClass: getPeerColorClass(messageColorPeer, noUserColors, true), hasOutsideReactions, }); @@ -1395,7 +1396,7 @@ const Message: FC = ({ theme={theme} story={webPageStory} isConnected={isConnected} - backgroundEmojiId={sender?.color?.backgroundEmojiId} + backgroundEmojiId={messageColorPeer?.color?.backgroundEmojiId} shouldWarnAboutSvg={shouldWarnAboutSvg} autoLoadFileMaxSizeMb={autoLoadFileMaxSizeMb} onAudioPlay={handleAudioPlay} diff --git a/src/components/middle/message/WebPage.scss b/src/components/middle/message/WebPage.scss index 203980782..b827c3560 100644 --- a/src/components/middle/message/WebPage.scss +++ b/src/components/middle/message/WebPage.scss @@ -71,7 +71,7 @@ .WebPage--content { position: relative; - margin-inline-start: 0.25rem; + margin-inline-start: 0.375rem; &.is-story { display: flex;