diff --git a/pages/graphql.vue b/pages/graphql.vue
index 20070b16b..be61af9a2 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -171,7 +171,17 @@
               </button>
             </div>
           </div>
-          <textarea id="gqlQuery" rows="8" v-model="gqlQueryString"></textarea>
+          <Editor
+            v-model="gqlQueryString"
+            :options="{
+              maxLines: responseBodyMaxLines,
+              minLines: '16',
+              fontSize: '16px',
+              autoScrollEditorIntoView: true,
+              showPrintMargin: false,
+              useWorker: false
+            }"
+          />
         </pw-section>
         <pw-section class="purple" label="Response" ref="response">
           <div class="flex-wrap">