diff --git a/hwe/scss/common_legacy.scss b/hwe/scss/common_legacy.scss
index 1b0efaf5..85fe1bc2 100644
--- a/hwe/scss/common_legacy.scss
+++ b/hwe/scss/common_legacy.scss
@@ -1,4 +1,5 @@
 @import "./common/bootstrap5.scss";
+@import "./editor_component.scss";
 
 html * {
     max-height: 1000000px;
diff --git a/hwe/scss/main.scss b/hwe/scss/main.scss
index 735d8d69..a8a62ab3 100644
--- a/hwe/scss/main.scss
+++ b/hwe/scss/main.scss
@@ -1,6 +1,6 @@
 @import "./common/break_500px.scss";
 @import "./common/bootstrap5.scss";
-
+@import "./editor_component.scss";
 body {
     color: white;
     background-color: black;
diff --git a/hwe/ts/v_join.ts b/hwe/ts/v_join.ts
index 122b3a72..748ea326 100644
--- a/hwe/ts/v_join.ts
+++ b/hwe/ts/v_join.ts
@@ -2,6 +2,6 @@ import { createApp } from 'vue'
 import PageJoin from '@/PageJoin.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
 import "@scss/common/bootstrap5.scss";
-import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
+import "@scss/editor_component.scss";
 
 createApp(PageJoin).use(BootstrapVue3).mount('#app')
\ No newline at end of file