diff --git a/projects/element-ng/content-action-bar/si-content-action-bar.component.ts b/projects/element-ng/content-action-bar/si-content-action-bar.component.ts
index 5f20785500..8898e2f256 100644
--- a/projects/element-ng/content-action-bar/si-content-action-bar.component.ts
+++ b/projects/element-ng/content-action-bar/si-content-action-bar.component.ts
@@ -6,6 +6,7 @@ import { CdkMenuBar, CdkMenuModule } from '@angular/cdk/menu';
 import {
   AfterViewInit,
   booleanAttribute,
+  ChangeDetectionStrategy,
   Component,
   computed,
   ElementRef,
@@ -48,6 +49,7 @@ import { ContentActionBarMainItem, ViewType } from './si-content-action-bar.mode
   ],
   templateUrl: './si-content-action-bar.component.html',
   styleUrl: './si-content-action-bar.component.scss',
+  changeDetection: ChangeDetectionStrategy.Default,
   host: {
     '[class]': 'viewType()'
   }