diff --git a/src/assets/styles/common-utilities.scss b/src/assets/styles/common-utilities.scss
index 955c96b..1c11efd 100644
--- a/src/assets/styles/common-utilities.scss
+++ b/src/assets/styles/common-utilities.scss
@@ -1,3 +1,5 @@
+@use 'sass:string';
+@use 'sass:list';
 /* Margins, paddings */
 
 $start: 0;
@@ -7,19 +9,20 @@ $values: '';
 $sides: (top, bottom, left, right);
 
 @for $i from $start + 1 through $end {
-    $values: append($values, $i, comma);
-    $values: set-nth($values, 1, $start);
+    $values: list.append($values, $i, comma);
+    $values: list.set-nth($values, 1, $start);
 }
 
 // TODO: Check if !important can be avoided
 
 @each $space in $values {
     @each $side in $sides {
-        .m#{str-slice($side, 0, 1)}-#{$space} {
+        @debug string.slice($side, 0, 1);
+        .m#{string.slice($side, 0, 1)}-#{$space} {
             margin-#{$side}: #{$space}px !important;
         }
 
-        .p#{str-slice($side, 0, 1)}-#{$space} {
+        .p#{string.slice($side, 0, 1)}-#{$space} {
             padding-#{$side}: #{$space}px !important;
         }
     }
diff --git a/src/lib/listing/workflow/workflow.component.scss b/src/lib/listing/workflow/workflow.component.scss
index 7c47447..9f671d9 100644
--- a/src/lib/listing/workflow/workflow.component.scss
+++ b/src/lib/listing/workflow/workflow.component.scss
@@ -1,5 +1,5 @@
-@import '../../../assets/styles/common-variables';
-@import '../../../assets/styles/common-mixins';
+@use '../../../assets/styles/common-variables';
+@use '../../../assets/styles/common-mixins' as mixins;
 
 :host {
     display: flex;
@@ -67,7 +67,7 @@
 
 .cdk-drop-list {
     overflow-y: auto;
-    @include no-scroll-bar;
+    @include mixins.no-scroll-bar;
     min-height: calc(100% - 36px);
 
     &.multi-select-active {
@@ -135,5 +135,5 @@
 
 cdk-virtual-scroll-viewport {
     height: 100%;
-    @include no-scroll-bar;
+    @include mixins.no-scroll-bar;
 }