diff --git a/app/src/app/ui/dynamic-theme/custom-background-color.scss b/app/src/app/ui/dynamic-theme/custom-background-color.scss
index e8667c427..10699780f 100644
--- a/app/src/app/ui/dynamic-theme/custom-background-color.scss
+++ b/app/src/app/ui/dynamic-theme/custom-background-color.scss
@@ -1,4 +1,4 @@
-@function get-custom-backgrond-color($background-color, $theme) {
+@function get-custom-background-color($background-color, $theme) {
     $background: map-get($theme, background);
 
     $card: map-get($background, card);
diff --git a/app/src/app/ui/dynamic-theme/custom-palette-creator.scss b/app/src/app/ui/dynamic-theme/custom-palette-creator.scss
index 1cbcde41d..6e2e60112 100644
--- a/app/src/app/ui/dynamic-theme/custom-palette-creator.scss
+++ b/app/src/app/ui/dynamic-theme/custom-palette-creator.scss
@@ -1,4 +1,4 @@
-@import '~sass-math-pow/sass/index';
+@use "sass:math";
 
 @function multiply($fore, $back) {
     $red: red($back) * red($fore) / 255;
@@ -23,7 +23,7 @@
       $value: $value / 12.92;
     } @else {
       $value: ($value + .055) / 1.055;
-      $value: poly-pow($value, 2.4);
+      $value: math.pow($value, 2.4);
     }
 
     $colors: map-merge($colors, ($name: $value));
diff --git a/app/src/app/ui/dynamic-theme/custom-theme.scss.tpl b/app/src/app/ui/dynamic-theme/custom-theme.scss.tpl
index 96d02f793..2aebf7373 100644
--- a/app/src/app/ui/dynamic-theme/custom-theme.scss.tpl
+++ b/app/src/app/ui/dynamic-theme/custom-theme.scss.tpl
@@ -1,4 +1,4 @@
-@import '~@angular/material/theming';
+@import '@angular/material/theming';
 @import './overrides/adf-style-fixes.theme';
 @import "./dynamic-theme/theme-configuration";
 @import "./dynamic-theme/typography";
@@ -29,7 +29,7 @@ $custom-theme: mat-light-theme(
 );
 
 @if $background-color {
-  $custom-background: get-custom-backgrond-color($background-color, $custom-theme);
+  $custom-background: get-custom-background-color($background-color, $custom-theme);
   $custom-theme: map_merge($custom-theme, (background: $custom-background));
 }