diff --git a/demo-shell/src/custom-style-dev.scss b/demo-shell/src/custom-style-dev.scss
index 9d810147c9..7249e1c884 100644
--- a/demo-shell/src/custom-style-dev.scss
+++ b/demo-shell/src/custom-style-dev.scss
@@ -20,7 +20,7 @@ $theme: mat.define-light-theme(
 @include mat.all-component-themes($theme);
 @include alfresco-material-theme($theme);
 
-$typography: map.get($theme, typography);
+$typography: map-get($theme, typography);
 
 body,
 html {
diff --git a/lib/core/src/lib/styles/_typography.scss b/lib/core/src/lib/styles/_typography.scss
index 4db1725ac3..c1667ea9c0 100644
--- a/lib/core/src/lib/styles/_typography.scss
+++ b/lib/core/src/lib/styles/_typography.scss
@@ -1,6 +1,6 @@
 @use '@angular/material' as mat;
 
-$alfresco-typography: define-typography-config(
+$alfresco-typography: mat.define-typography-config(
     $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif',
     $display-4:     mat.define-typography-level(112px, 112px, 300),
     $display-3:     mat.define-typography-level(56px, 56px, 400),
diff --git a/lib/process-services/src/lib/form/model/form-definition.model.ts b/lib/process-services/src/lib/form/model/form-definition.model.ts
index 7f590a7d4a..ce86cf9314 100644
--- a/lib/process-services/src/lib/form/model/form-definition.model.ts
+++ b/lib/process-services/src/lib/form/model/form-definition.model.ts
@@ -20,6 +20,7 @@ import { FormSaveRepresentation } from '@alfresco/js-api';
 export class FormDefinitionModel extends FormSaveRepresentation {
     reusable: boolean = false;
     newVersion: boolean = false;
+    declare formRepresentation: any;
     formImageBase64: string = '';
 
     constructor(id: string, name: any, lastUpdatedByFullName: string, lastUpdated: string, metadata: any) {