diff --git a/lib/core/datatable/components/datatable/datatable.component.scss b/lib/core/datatable/components/datatable/datatable.component.scss
index df12228104..68961bfd5d 100644
--- a/lib/core/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/datatable/components/datatable/datatable.component.scss
@@ -6,7 +6,7 @@ $data-table-header-font-size: var(--theme-caption-font-size) !default;
 $data-table-header-sort-icon-size: var(--theme-subheading-2-font-size) !default;
 $data-table-row-height: var(--theme-display-3-font-size) !default;
 $data-table-column-spacing: 36px !default;
-$data-table-column-padding: $data-table-column-spacing / 2;
+$data-table-column-padding: calc($data-table-column-spacing / 2);
 $data-table-card-padding: var(--theme-headline-line-height) !default;
 $data-table-cell-top: $data-table-card-padding / 2;
 $data-table-thumbnail-width: 50px !default;
diff --git a/lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.scss b/lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.scss
index 06888f6d6e..e150ebd54b 100644
--- a/lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.scss
+++ b/lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.scss
@@ -8,9 +8,9 @@ $dynamic-table-hover-color: #eee !default;
 $dynamic-table-selection-color: #e0f7fa !default;
 $dynamic-table-row-height: 56px !default;
 $dynamic-table-column-spacing: 36px !default;
-$dynamic-table-column-padding: $dynamic-table-column-spacing / 2;
+$dynamic-table-column-padding: calc($dynamic-table-column-spacing / 2);
 $dynamic-table-card-padding: 24px !default;
-$dynamic-table-cell-top: $dynamic-table-card-padding / 2;
+$dynamic-table-cell-top: calc($dynamic-table-card-padding / 2);
 $dynamic-table-drag-border: 1px dashed rgb(68, 138, 255);
 
 dynamic-table-widget .adf-label {
diff --git a/lib/core/info-drawer/info-drawer-layout.component.scss b/lib/core/info-drawer/info-drawer-layout.component.scss
index 56682c3fef..1ab8c47642 100644
--- a/lib/core/info-drawer/info-drawer-layout.component.scss
+++ b/lib/core/info-drawer/info-drawer-layout.component.scss
@@ -75,7 +75,7 @@ $adf-info-drawer-icon-size: 48px !default;
                 .adf-manage-versions-empty,
                 .adf-manage-versions-no-permission {
                     margin: 0;
-                    padding: $adf-info-drawer-icon-size / 2;
+                    padding: calc($adf-info-drawer-icon-size / 2);
                     color: var(--theme-text-color);
                     text-align: center;
                     display: flex;
@@ -85,7 +85,7 @@ $adf-info-drawer-icon-size: 48px !default;
                         width: $adf-info-drawer-icon-size;
                         height: $adf-info-drawer-icon-size;
                         font-size: $adf-info-drawer-icon-size;
-                        margin: 0 auto $adf-info-drawer-icon-size / 2;
+                        margin: 0 auto calc($adf-info-drawer-icon-size / 2);
                         display: block;
                     }
                 }
diff --git a/lib/core/ng-package.json b/lib/core/ng-package.json
index 91e415aa98..4b84bc8877 100644
--- a/lib/core/ng-package.json
+++ b/lib/core/ng-package.json
@@ -6,7 +6,7 @@
     "./theming/**/*.scss",
     "./**/*.theme.scss"
   ],
-  "whitelistedNonPeerDependencies": [
+  "allowedNonPeerDependencies": [
     "cropperjs"
   ],
   "lib": {
diff --git a/lib/process-services-cloud/ng-package.json b/lib/process-services-cloud/ng-package.json
index 041c8d20f1..75a3ad5165 100644
--- a/lib/process-services-cloud/ng-package.json
+++ b/lib/process-services-cloud/ng-package.json
@@ -10,7 +10,7 @@
     "entryFile": "src/public-api.ts",
     "flatModuleFile": "adf-process-services-cloud"
   },
-  "whitelistedNonPeerDependencies": [
+  "allowedNonPeerDependencies": [
     "@apollo/client",
     "apollo-angular",
     "subscriptions-transport-ws"