diff --git a/component/src/views/chat/messages/messages.ts b/component/src/views/chat/messages/messages.ts
index 57cf0c2f3..d03edd9ef 100644
--- a/component/src/views/chat/messages/messages.ts
+++ b/component/src/views/chat/messages/messages.ts
@@ -198,6 +198,7 @@ export class Messages extends MessagesBase {
     const text = this.getPermittedMessage(message) || this._errorMessageOverrides?.[type]
       || this._errorMessageOverrides?.default || 'Error, please try again.';
     const messageElements = this.createMessageElementsOnOrientation(text, '', isTop);
+    MessageUtils.hideRoleElements(this.messageElementRefs, !!this._avatars, !!this._names);
     const {bubbleElement, outerContainer} = messageElements;
     bubbleElement.classList.add('error-message-text');
     this.renderText(bubbleElement, text);