diff --git a/app/ui/css/components/queryeditor.less b/app/ui/css/components/queryeditor.less
new file mode 100644
index 0000000000..702fea2709
--- /dev/null
+++ b/app/ui/css/components/queryeditor.less
@@ -0,0 +1,9 @@
+@import '../constants/dimensions';
+@import '../constants/colors';
+
+.query-editor {
+  display: grid;
+  height: 100%;
+  grid-template-rows: auto minmax(0, 1fr) @line-height-md;
+  grid-template-columns: 100%;
+}