diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index b18a416b1..d569452c7 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -39,7 +39,7 @@ export default {
   $offset: $size * -0.2;
 
   &.hc-badges-dual {
-    padding-top: $size / 2 - 2;
+    padding-top: math.div($size, 2) - 2;
   }
 
   .hc-badge-container {
@@ -59,10 +59,10 @@ export default {
       margin-left: -6px;
     }
     &:first-child {
-      margin-left: -$size / 3;
+      margin-left: math.div(-$size, 3);
     }
     &:last-child {
-      margin-right: -$size / 3;
+      margin-right: math.div(-$size, 3);
     }
   }
 }