diff --git a/src/assets/style/_utils.scss b/src/assets/style/_utils.scss
index d29150c..5f256be 100644
--- a/src/assets/style/_utils.scss
+++ b/src/assets/style/_utils.scss
@@ -195,20 +195,20 @@
 }
 @for $i from 0 through 100 {
   .w-#{$i} {
-    width: percentage($i / 100);
+    width: percentage(calc($i / 100));
   }
   .h-#{$i} {
-    height: percentage($i / 100);
+    height: percentage(calc($i / 100));
   }
 }
 
 @include mixins.responsive-steps(0, 100) using ($size-name, $index) {
   .w-#{$size-name}-#{$index} {
-    width: percentage($index / 100);
+    width: percentage(calc($index / 100));
   }
 
   .h-#{$size-name}-#{$index} {
-    height: percentage($index / 100);
+    height: percentage(calc($index / 100));
   }
 }