diff --git a/src/components/EditorWrapper.vue b/src/components/EditorWrapper.vue
index 6296dcd5d92..b04a945eb69 100644
--- a/src/components/EditorWrapper.vue
+++ b/src/components/EditorWrapper.vue
@@ -649,6 +649,11 @@ export default {
 </script>
 
 <style scoped lang="scss">
+	.modal-container #editor-container {
+		top: 0;
+		height: calc(100vh - var(--header-height));
+	}
+
 	#editor-container {
 		display: block;
 		width: 100%;
diff --git a/src/components/ViewerComponent.vue b/src/components/ViewerComponent.vue
index 22b8402a259..10c48a8e555 100644
--- a/src/components/ViewerComponent.vue
+++ b/src/components/ViewerComponent.vue
@@ -70,11 +70,6 @@ export default {
 }
 </script>
 <style lang="scss">
-#editor-container {
-	top: 0;
-	height: calc(100vh - var(--header-height));
-}
-
 @media only screen and (max-width: 512px) {
 	// on mobile, modal-container has top: 50px
 	#editor-container {