diff --git a/src/assets/scss/custom/_icons.scss b/src/assets/scss/custom/_icons.scss
index 20d900f6..7a4ab95d 100644
--- a/src/assets/scss/custom/_icons.scss
+++ b/src/assets/scss/custom/_icons.scss
@@ -22,7 +22,7 @@
 }
 
 .icon-xl + .icon-text {
-	width: calc(100% - $icon-size-xl - 1);
+	width: calc(100% - #{$icon-size-xl} - 1);
 }
 
 .icon-lg {
@@ -35,7 +35,7 @@
 }
 
 .icon-lg + .icon-text {
-	width: calc(100% - $icon-size-lg - 1);
+	width: calc(100% - #{$icon-size-lg} - 1);
 }
 
 .icon-sm {
@@ -48,7 +48,7 @@
 }
 
 .icon-sm + .icon-text {
-	width: calc(100% - $icon-size-sm - 1);
+	width: calc(100% - #{$icon-size-sm} - 1);
 }