diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index 2748c460d..d569452c7 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -17,9 +17,8 @@ export default {
 }
 </script>
 
-@use 'sass:math';
-
 <style lang="scss">
+@use 'sass:math';
 .hc-badges {
   text-align: center;
   position: relative;
diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index c9b4db317..086a62f1b 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -107,6 +107,7 @@ export default {
       '~assets/styles/imports/_branding.scss',
       '~assets/_new/styles/export.scss',
     ],
+    hoistUseStatements: true,
   },
 
   /*