diff --git a/projects/customizations-example/src/app/icon/icon.component.ts b/projects/customizations-example/src/app/icon/icon.component.ts
index de3c4c15..bb3a96f2 100644
--- a/projects/customizations-example/src/app/icon/icon.component.ts
+++ b/projects/customizations-example/src/app/icon/icon.component.ts
@@ -31,9 +31,11 @@ export class IconComponent {
'arrow-down': 'keyboard_arrow_down',
'chat-bubble': 'chat',
'audio-file': '',
- play: '',
- pause: '',
- read: '',
+ play: 'play_arrow',
+ pause: 'pause',
+ read: 'done_all',
+ bin: 'delete',
+ mic: 'mic',
};
return map[this.icon!];
diff --git a/projects/stream-chat-angular/src/lib/message/message.component.html b/projects/stream-chat-angular/src/lib/message/message.component.html
index 29311616..43d1569a 100644
--- a/projects/stream-chat-angular/src/lib/message/message.component.html
+++ b/projects/stream-chat-angular/src/lib/message/message.component.html
@@ -107,18 +107,22 @@
[message]="messageInput"
[enabledActions]="enabledActions"
[messageTextHtmlElement]="messageTextHtmlElement"
- (click)="messageActionsBoxClicked(messageMenuFloat)"
>