diff --git a/src/matrix/room/Invite.js b/src/matrix/room/Invite.js
index ce400f01..9bf818ae 100644
--- a/src/matrix/room/Invite.js
+++ b/src/matrix/room/Invite.js
@@ -58,7 +58,7 @@ export class Invite extends EventEmitter {
 
     /** @see BaseRoom.avatarColorId */
     get avatarColorId() {
-        return this._inviteData.avatarColorId;
+        return this._inviteData.avatarColorId || this.id;
     }
 
     get timestamp() {
@@ -180,7 +180,7 @@ export class Invite extends EventEmitter {
     _createData(inviteState, myInvite, inviter, summaryData, heroes) {
         const name = heroes ? heroes.roomName : summaryData.name;
         const avatarUrl = heroes ? heroes.roomAvatarUrl : summaryData.avatarUrl;
-        const avatarColorId = heroes ? heroes.roomAvatarColorId : this.id;
+        const avatarColorId = heroes?.roomAvatarColorId || this.id;
         return {
             roomId: this.id,
             isEncrypted: !!summaryData.encryption,