diff --git a/frontend/src/assets/icons/helpers/convertSvgToVue.js b/frontend/src/assets/icons/helpers/convertSvgToVue.js
index 81776eac7..c4ee28ec7 100644
--- a/frontend/src/assets/icons/helpers/convertSvgToVue.js
+++ b/frontend/src/assets/icons/helpers/convertSvgToVue.js
@@ -16,7 +16,7 @@ readdirSync(inputDir).forEach((file) => {
   const fileName = parse(file).name
   // eslint-disable-next-line security/detect-non-literal-fs-filename
   const content = readFileSync(filePath, 'utf8')
-  const vueComponent = `<!-- eslint-disable vue/multi-word-component-names -->\n<!-- eslint-disable @intlify/vue-i18n/no-raw-text -->\n<template>\n<div style="fill: currentcolor; stroke: currentcolor">\n${content}\n</div>\n</template>\n`
+  const vueComponent = `<!-- eslint-disable vue/multi-word-component-names -->\n<!-- eslint-disable @intlify/vue-i18n/no-raw-text -->\n<template>\n${content}\n<style scss>\n.svg-icon {\nfill: currentcolor;\nstroke: currentcolor;\n}\n</style>\n</template>\n`
 
   const outputFilePath = join(outputDir, `${fileName}.vue`)
   // eslint-disable-next-line security/detect-non-literal-fs-filename