diff --git a/components/graphql/Sidebar.vue b/components/graphql/Sidebar.vue
index e1b0a0c1b..680f1acba 100644
--- a/components/graphql/Sidebar.vue
+++ b/components/graphql/Sidebar.vue
@@ -220,6 +220,7 @@ import {
   setGQLURL,
   setGQLVariables,
 } from "~/newstore/GQLSession"
+import "~/helpers/editor/modes/graphql"
 
 function isTextFoundInGraphqlFieldObject(
   text: string,
@@ -396,7 +397,7 @@ useCodemirror(
   schemaString,
   reactive({
     extendedEditorConfig: {
-      mode: "application/ld+json",
+      mode: "graphql",
       readOnly: true,
       lineWrapping: linewrapEnabled,
     },
diff --git a/pages/documentation.vue b/pages/documentation.vue
index e0394dff9..2feb14210 100644
--- a/pages/documentation.vue
+++ b/pages/documentation.vue
@@ -64,10 +64,9 @@
             <textarea-autosize
               id="import-curl"
               v-model="collectionJSON"
-              class="font-mono p-4"
+              class="font-mono p-4 bg-primary"
               autofocus
               rows="8"
-              placeholder=" "
             />
             <div
               class="