diff --git a/src/app/components/brand-accent/brand-accent.ts b/src/app/components/brand-accent/brand-accent.ts
index 5eb350f..7ace792 100644
--- a/src/app/components/brand-accent/brand-accent.ts
+++ b/src/app/components/brand-accent/brand-accent.ts
@@ -1,5 +1,5 @@
 import {
-  afterNextRender,
+  afterNextRender, ChangeDetectionStrategy,
   Component,
   effect,
   ElementRef,
@@ -17,6 +17,7 @@ import { SettingsService } from '../../services/settings.service';
   imports: [CommonModule],
   templateUrl: './brand-accent.html',
   styleUrl: './brand-accent.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BrandAccent implements OnDestroy {
   canvasRef = viewChild<ElementRef<HTMLCanvasElement>>('canvasElement');