diff --git a/src/app/gui/navbar/navbar.component.scss b/src/app/gui/navbar/navbar.component.scss
index bace4ab..42dee44 100644
--- a/src/app/gui/navbar/navbar.component.scss
+++ b/src/app/gui/navbar/navbar.component.scss
@@ -1,4 +1,4 @@
-@import "../../../globals.scss";
+@use "../../../globals.scss" as *;
 
 .uds-nav {
   position: fixed;
diff --git a/src/globals.scss b/src/globals.scss
index 1e1c0f7..3e597a1 100644
--- a/src/globals.scss
+++ b/src/globals.scss
@@ -1,4 +1,5 @@
 @use '@angular/material' as mat;
+@use "sass:map";
 
 @include mat.elevation-classes();
 @include mat.app-background();
@@ -32,11 +33,11 @@ $angular-dark-theme: mat.m2-define-dark-theme(
   )
 );
 
-$bg-default: map-get(map-get($angular-default-theme, background), background);
-$fg-default: map-get(map-get($angular-default-theme, foreground), base);
+$bg-default: map.get(map.get($angular-default-theme, background), background);
+$fg-default: map.get(map.get($angular-default-theme, foreground), base);
 
-$bg-dark: map-get(map-get($angular-dark-theme, background), background);
-$fg-dark: map-get(map-get($angular-dark-theme, foreground), base);
+$bg-dark: map.get(map.get($angular-dark-theme, background), background);
+$fg-dark: map.get(map.get($angular-dark-theme, foreground), base);
 
 // Set variables for several backgrounds
 $bg-title: linear-gradient(60deg, rgb(75, 82, 102), rgb(70, 93, 156));
diff --git a/src/styles.scss b/src/styles.scss
index 0ad07bf..1b81b2c 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,6 +1,6 @@
 @use '@angular/material' as mat;
 
-@import 'globals.scss';
+@use 'globals.scss' as *;
 
 /* Default, light theme */
 @include mat.all-component-themes($angular-default-theme);