fix

src/app/shared/chat/group-messages/group-messages.module.ts

@@ -14,6 +14,7 @@ import { NewEventPageModule } from '../../agenda/new-event/new-event.module';
 import { PdfViewerModule } from 'ng2-pdf-viewer';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import {MatMenuModule} from '@angular/material/menu';
+import { LettersAvatarModule } from "ngx-letters-avatar";
 
 @NgModule({
   imports: [
@@ -24,7 +25,8 @@ import {MatMenuModule} from '@angular/material/menu';
     PdfViewerModule,
     ChatPopoverPageModule,
     GroupMessagesPageRoutingModule,
-    MatMenuModule
+    MatMenuModule,
+    LettersAvatarModule
     //
   ],
   exports: [GroupMessagesPage],

src/app/shared/chat/group-messages/group-messages.page.scss

@@ -276,8 +276,16 @@
 
 .typing {
   position: relative;
-  top: -34px;
+  top: -25px;
   height: 0px;
   left: 0px;
   margin-left: 22px;
+  display: flex;
+  font-size: 12px;
+  align-items: center;
+}
+
+
+.typing ngx-letters-avatar {
+  padding-left: 10px;
 }