diff --git a/lib/core/form/components/widgets/container/container.widget.html b/lib/core/form/components/widgets/container/container.widget.html
index 7b45d2e6ab..fc9a3e5abb 100644
--- a/lib/core/form/components/widgets/container/container.widget.html
+++ b/lib/core/form/components/widgets/container/container.widget.html
@@ -1,4 +1,4 @@
-<div [ngClass]="{'hidden':!(content?.isGroup() && content?.isVisible)}" class="container-widget__header">
+<div [hidden]="!(content?.isGroup() && content?.isVisible)" class="container-widget__header">
     <h4 class="container-widget__header-text" id="container-header"
         [class.collapsible]="content?.isCollapsible()">
         <button *ngIf="content?.isCollapsible()"
diff --git a/lib/core/form/components/widgets/container/container.widget.spec.ts b/lib/core/form/components/widgets/container/container.widget.spec.ts
index 7bb206300b..8af4a22432 100644
--- a/lib/core/form/components/widgets/container/container.widget.spec.ts
+++ b/lib/core/form/components/widgets/container/container.widget.spec.ts
@@ -169,7 +169,7 @@ describe('ContainerWidgetComponent', () => {
             fixture.detectChanges();
             fixture.whenStable()
                 .then(() => {
-                    expect(element.querySelector('.container-widget__header').classList.contains('hidden')).toBe(true);
+                    expect(element.querySelector('.container-widget__header').getAttribute('hidden')).not.toBeNull();
                 });
         });
 
@@ -181,7 +181,7 @@ describe('ContainerWidgetComponent', () => {
                 fixture.detectChanges();
                 fixture.whenStable()
                     .then(() => {
-                        expect(element.querySelector('.container-widget__header').classList.contains('hidden')).toBe(true);
+                        expect(element.querySelector('.container-widget__header').getAttribute('hidden')).not.toBeNull();
                     });
             });
             widget.onFieldChanged(null);