diff --git a/src/components/chat/messageRender.ts b/src/components/chat/messageRender.ts index 9d63e1ab..71bd2ac3 100644 --- a/src/components/chat/messageRender.ts +++ b/src/components/chat/messageRender.ts @@ -136,7 +136,7 @@ class RepliesElement extends HTMLElement { ripple(rippleContainer); } else { this.classList.add('bubble-beside-button'); - this.innerHTML = `${formatNumber(replies.replies, 0) || ''}`; + this.innerHTML = `${replies.replies ? formatNumber(replies.replies, 0) : ''}`; } if(!this.updated) { diff --git a/src/scss/partials/_chatBubble.scss b/src/scss/partials/_chatBubble.scss index da4c2ec0..b3f91edf 100644 --- a/src/scss/partials/_chatBubble.scss +++ b/src/scss/partials/_chatBubble.scss @@ -1220,7 +1220,7 @@ $bubble-margin: .25rem; color: #fff; display: flex; align-items: center; - padding: 0 2.5px; + padding: 0 2.5px 0 4px; line-height: 18px; pointer-events: all; // show title white-space: nowrap; @@ -1252,7 +1252,7 @@ $bubble-margin: .25rem; i { font-size: 1.15rem; margin-right: .4rem; - /* margin-left: .1rem; */ + margin-left: 2px; } i.edited {