diff --git a/website/src/js/channel-preview.jsc b/website/src/js/channel-preview.jsc index 3d49a039d0..964e9c5fd2 100644 --- a/website/src/js/channel-preview.jsc +++ b/website/src/js/channel-preview.jsc @@ -608,9 +608,15 @@ function renderMessages(container, messages, membersMap, channel) { row.appendChild(spacer); } + const col = document.createElement('div'); const bubble = renderBubble(msg, member, showTail); - row.appendChild(bubble); + col.appendChild(bubble); + if (msg.reactions && msg.reactions.length > 0) { + col.appendChild(renderReactions(msg.reactions)); + } + + row.appendChild(col); container.appendChild(row); prevMsg = msg; } @@ -667,10 +673,6 @@ function renderBubble(msg, member, showTail) { break; } - if (msg.reactions && msg.reactions.length > 0) { - inner.appendChild(renderReactions(msg.reactions)); - } - bubble.appendChild(inner); if (mediaOnly) {