diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index 936d13adb..9e5376ffa 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -38,7 +38,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 {
@@ -58,10 +58,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);
     }
   }
 }