diff --git a/frontend/src/app/shared/components/truncate/truncate.component.ts b/frontend/src/app/shared/components/truncate/truncate.component.ts
index 27e705997..9edc6ddb2 100644
--- a/frontend/src/app/shared/components/truncate/truncate.component.ts
+++ b/frontend/src/app/shared/components/truncate/truncate.component.ts
@@ -1,9 +1,10 @@
-import { Component, Input, Inject, LOCALE_ID } from '@angular/core';
+import { Component, Input, Inject, LOCALE_ID, ChangeDetectionStrategy } from '@angular/core';
 
 @Component({
   selector: 'app-truncate',
   templateUrl: './truncate.component.html',
-  styleUrls: ['./truncate.component.scss']
+  styleUrls: ['./truncate.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class TruncateComponent {
   @Input() text: string;