diff --git a/angular.json b/angular.json
index b6a006bc09..31e6a1291a 100644
--- a/angular.json
+++ b/angular.json
@@ -20,7 +20,8 @@
               "zen-observable",
               "subscriptions-transport-ws",
               "d",
-              "chart.js"
+              "chart.js",
+              "cropperjs"
             ],
             "outputPath": "dist/demo-shell",
             "index": "demo-shell/src/index.html",
diff --git a/demo-shell/project.json b/demo-shell/project.json
index 344a052dd9..f3b5ad833c 100644
--- a/demo-shell/project.json
+++ b/demo-shell/project.json
@@ -16,7 +16,8 @@
           "zen-observable",
           "subscriptions-transport-ws",
           "d",
-          "chart.js"
+          "chart.js",
+          "cropperjs"
         ],
         "outputPath": "dist/demo-shell",
         "index": "demo-shell/src/index.html",
diff --git a/e2e/core/pages/metadata-view.page.ts b/e2e/core/pages/metadata-view.page.ts
index 7ab556a23f..59efc075e5 100644
--- a/e2e/core/pages/metadata-view.page.ts
+++ b/e2e/core/pages/metadata-view.page.ts
@@ -208,7 +208,7 @@ export class MetadataViewPage {
     }
 
     async changeContentType(option: string, attempt = 0, maxAttempt = 3): Promise<boolean> {
-        const nodeType = TestElement.byCss('div[data-automation-id="header-nodeType"] .mat-select-trigger');
+        const nodeType = TestElement.byCss('div[data-automation-id="header-nodeType"] .mat-mdc-select-trigger');
         if (attempt > maxAttempt) {
             Logger.error(`content type select option not found. check acs version may be lesser than 7.0.0`);
             return false;
diff --git a/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.spec.ts b/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.spec.ts
index 1217cadbc0..cf3750a1fa 100644
--- a/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.spec.ts
+++ b/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.spec.ts
@@ -131,7 +131,7 @@ describe('TaskHeaderCloudComponent', () => {
         xit('should display priority with default values', async () => {
             fixture.detectChanges();
 
-            const priorityEl = fixture.debugElement.nativeElement.querySelector('[data-automation-id="header-priority"] .mat-select-trigger');
+            const priorityEl = fixture.debugElement.nativeElement.querySelector('[data-automation-id="header-priority"] .mat-mdc-select-trigger');
             expect(priorityEl).toBeDefined();
             expect(priorityEl).not.toBeNull();