diff --git a/src/App.vue b/src/App.vue
index a44ab87b7..3d665312e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,3 +1,11 @@
 <template>
   <router-view></router-view>
 </template>
+
+<style lang="scss">
+  @import "./node_modules/bootstrap/scss/bootstrap";
+  @import "@/styles/common-styles.scss";
+  @import "@/styles/common-button-styles.scss";
+  @import "@/styles/common-list-styles.scss";
+  @import "@/styles/common-typography-styles.scss";
+</style>
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index 9d9b2401b..0c1664eb5 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -14,11 +14,6 @@ module.exports = {
         @import "./node_modules/bootstrap/scss/variables";
         @import "./node_modules/bootstrap/scss/mixins";
         @import "@/styles/mixins/customMixins";
-        @import "./node_modules/bootstrap/scss/bootstrap";
-        @import "@/styles/common-styles.scss";
-        @import "@/styles/common-button-styles.scss";
-        @import "@/styles/common-list-styles.scss";
-        @import "@/styles/common-typography-styles.scss";
         `,
       },
     },