diff --git a/frontend/src/assets/scss/custom/gradido-custom/_color.scss b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
index 278eb9670..b8bf23fe2 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_color.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
@@ -1,5 +1,6 @@
 // Color system
 @use "sass:map";
+@use "sass:color";
 
 $white: #fff !default;
 $gray-100: #f6f9fc !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss b/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
index 27aae2503..e29e1efec 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
@@ -1,4 +1,5 @@
 // Datepicker
+@use "sass:color";
 
 $datepicker-border-radius: $card-border-radius !default;
 $datepicker-dropdown-padding: 20px 22px !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss b/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
index 935481fb8..3db6ea8be 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
@@ -1,4 +1,5 @@
 // Form validation
+@use "sass:color";
 
 $form-feedback-valid-bg: color.adjust($success, 15%) !default;
 $form-feedback-valid-color: theme-color("success") !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_input.scss b/frontend/src/assets/scss/custom/gradido-custom/_input.scss
index 339a4ace2..63475134f 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_input.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_input.scss
@@ -1,4 +1,5 @@
 // Input
+@use "sass:color";
 
 $input-padding-y: $input-btn-padding-y !default;
 $input-padding-x: $input-btn-padding-x !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_links.scss b/frontend/src/assets/scss/custom/gradido-custom/_links.scss
index ef6988b27..f46994c94 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_links.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_links.scss
@@ -1,4 +1,5 @@
 // Links
+@use "sass:color";
 
 $link-color: $primary !default;
 $link-decoration: none !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_navs.scss b/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
index 050ffe419..257044362 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_navs.scss
@@ -1,4 +1,5 @@
 // Navs
+@use "sass:color";
 
 $nav-link-padding-y: 0.25rem !default;
 $nav-link-padding-x: 0.75rem !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_tables.scss b/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
index 8ce2f49bd..148190e19 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_tables.scss
@@ -1,4 +1,5 @@
 // Tables
+@use "sass:color";
 
 $table-cell-padding: 1rem !default;
 $table-cell-padding-sm: 0.5rem !default;