diff --git a/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.html b/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.html
index 59114d754e..6a789197a2 100644
--- a/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.html
@@ -171,11 +171,11 @@
             </div>
           </div>
           <mat-divider class="divider"></mat-divider>
-          <mat-chip-listbox>
-            <mat-chip-row *ngFor="let recipientTitle of preview.recipientsPreview">
+          <mat-chip-grid>
+            <mat-chip-row class="tb-chip-row-ellipsis" *ngFor="let recipientTitle of preview.recipientsPreview">
               <span>{{ recipientTitle }}</span>
             </mat-chip-row>
-          </mat-chip-listbox>
+          </mat-chip-grid>
         </section>
         <section class="preview-group notification tb-form-panel stroked no-gap" *ngIf="preview.processedTemplates.WEB?.enabled">
           <div class="flex flex-row items-center justify-start gap-2">
diff --git a/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss
index ab502910e1..0dd9996b6a 100644
--- a/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss
+++ b/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss
@@ -233,13 +233,3 @@
     }
   }
 }
-
-:host ::ng-deep {
-  .mat-mdc-standard-chip{
-    .mdc-evolution-chip__cell--primary,
-    .mdc-evolution-chip__action--primary,
-    .mat-mdc-chip-action-label{
-      overflow: hidden;
-    }
-  }
-}