diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index 2748c460d..936d13adb 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -17,8 +17,6 @@ export default {
 }
 </script>
 
-@use 'sass:math';
-
 <style lang="scss">
 .hc-badges {
   text-align: center;
@@ -40,7 +38,7 @@ export default {
   $offset: $size * -0.2;
 
   &.hc-badges-dual {
-    padding-top: math.div($size, 2) - 2;
+    padding-top: $size / 2 - 2;
   }
 
   .hc-badge-container {
@@ -60,10 +58,10 @@ export default {
       margin-left: -6px;
     }
     &:first-child {
-      margin-left: math.div(-$size, 3);
+      margin-left: -$size / 3;
     }
     &:last-child {
-      margin-right: math.div(-$size, 3);
+      margin-right: -$size / 3;
     }
   }
 }