diff --git a/packages/manager/modules/pci/src/projects/creating/index.scss b/packages/manager/modules/pci/src/projects/creating/index.scss
index 4fcfabbce7b5..c8e977e16440 100644
--- a/packages/manager/modules/pci/src/projects/creating/index.scss
+++ b/packages/manager/modules/pci/src/projects/creating/index.scss
@@ -123,7 +123,7 @@ pci-project-creating {
 
     50% {
       stroke-dasharray: 120, 300;
-      stroke-dashoffset: -$d / 3;
+      stroke-dashoffset: calc(-#{$d} / 3);
     }
 
     100% {
diff --git a/packages/manager/modules/pci/src/projects/project/creating/creating.scss b/packages/manager/modules/pci/src/projects/project/creating/creating.scss
index 612ab210068f..7193533832a7 100644
--- a/packages/manager/modules/pci/src/projects/project/creating/creating.scss
+++ b/packages/manager/modules/pci/src/projects/project/creating/creating.scss
@@ -108,7 +108,7 @@ pci-project-creating {
 
     50% {
       stroke-dasharray: 120, 300;
-      stroke-dashoffset: -$d / 3;
+      stroke-dashoffset: calc(-#{$d} / 3);
     }
 
     100% {