diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index 0d61302ff..16329cf59 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -258,19 +258,24 @@ export default {
       svgRule.test = /\.(png|jpe?g|gif|webp)$/
       config.module.rules.push({
         test: /\.svg$/,
-        loader: 'vue-svg-loader',
-        options: {
-          svgo: {
-            plugins: [
-              {
-                removeViewBox: false,
+        use: [
+          'babel-loader',
+          {
+            loader: 'vue-svg-loader',
+            options: {
+              svgo: {
+                plugins: [
+                  {
+                    removeViewBox: false,
+                  },
+                  {
+                    removeDimensions: true,
+                  },
+                ],
               },
-              {
-                removeDimensions: true,
-              },
-            ],
+            },
           },
-        },
+        ],
       })
     },
   },
diff --git a/webapp/storybook/webpack.config.js b/webapp/storybook/webpack.config.js
index 72c1944c8..050d1e868 100644
--- a/webapp/storybook/webpack.config.js
+++ b/webapp/storybook/webpack.config.js
@@ -41,19 +41,24 @@ module.exports = async ({ config, mode }) => {
 
   config.module.rules.push({
     test: /\.svg$/,
-    loader: 'vue-svg-loader',
-    options: {
-      svgo: {
-        plugins: [
-          {
-            removeViewBox: false,
+    use: [
+      'babel-loader',
+      {
+        loader: 'vue-svg-loader',
+        options: {
+          svgo: {
+            plugins: [
+              {
+                removeViewBox: false,
+              },
+              {
+                removeDimensions: true,
+              },
+            ],
           },
-          {
-            removeDimensions: true,
-          },
-        ],
+        },
       },
-    },
+    ],
   })
 
   config.resolve.alias = {