diff --git a/src/components/Editor.vue b/src/components/Editor.vue
index 65fecbc09a..58e0ad9d78 100644
--- a/src/components/Editor.vue
+++ b/src/components/Editor.vue
@@ -807,6 +807,7 @@ export default {
diff --git a/src/css/style.scss b/src/css/style.scss
index 3f035ae51c..734f42c24c 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -1,12 +1,6 @@
@use 'sass:math';
-:root {
- --text-editor-max-width: 670px
-}
-
-.modal-container .text-editor {
- position: absolute;
-}
+@import './variables';
.ProseMirror-hideselection {
caret-color: transparent;
diff --git a/src/css/variables.scss b/src/css/variables.scss
new file mode 100644
index 0000000000..01845b035b
--- /dev/null
+++ b/src/css/variables.scss
@@ -0,0 +1,4 @@
+:root {
+ --text-editor-max-width: 670px
+}
+