diff --git a/app/static/css/editor.css b/app/static/css/editor.css
index 9c39e0b..17a2f8e 100644
--- a/app/static/css/editor.css
+++ b/app/static/css/editor.css
@@ -52,7 +52,6 @@
   left: 0px;
   width: auto;
   min-width: 30vw;
-  white-space: nowrap;
   text-align: left;
   right: inherit;
   background: var(--background-hover);
@@ -71,4 +70,13 @@
 }
 .editor .modal > div label {
   margin-top: 0.4rem;
+}
+@media screen and (max-width:849px) {
+  .editor .modal {
+    width: 80vw;
+    position: fixed;
+    left: 50vw;
+    transform: translateX(-50%);
+    top: 50vh;
+  }
 }
\ No newline at end of file
diff --git a/app/static/less/editor.less b/app/static/less/editor.less
index 4317849..8ef98f5 100644
--- a/app/static/less/editor.less
+++ b/app/static/less/editor.less
@@ -65,10 +65,17 @@
 		left: 0px;
 		width: auto;
 		min-width: 30vw;
-		white-space: nowrap;
 		text-align: left;
 		right: inherit;
 
+		@media screen and (max-width: @tiny) {
+			width: 80vw;
+			position: fixed;
+			left: 50vw;
+			transform: translateX(-50%);
+			top: 50vh;
+		}
+
 		background: var(--background-hover);
 		border: var(--border);
 		color: var(--text);