diff --git a/client/src/components/Markdown/Editor/CellCode.vue b/client/src/components/Markdown/Editor/CellCode.vue
index 59a5cf4e9246..2a9466f03de8 100644
--- a/client/src/components/Markdown/Editor/CellCode.vue
+++ b/client/src/components/Markdown/Editor/CellCode.vue
@@ -18,7 +18,7 @@ const props = defineProps({
     },
     mode: {
         type: String,
-        default: "javascript",
+        default: "json",
     },
 });
 
diff --git a/client/src/components/Markdown/Editor/CellEditor.vue b/client/src/components/Markdown/Editor/CellEditor.vue
index 9f703700db58..162068ad27c3 100644
--- a/client/src/components/Markdown/Editor/CellEditor.vue
+++ b/client/src/components/Markdown/Editor/CellEditor.vue
@@ -5,7 +5,7 @@
             <hr class="solid m-0" />
             <div class="d-flex my-1 mx-3">
                 <span class="cell-name small text-primary">{{ cell.name }}</span>
-                <CellCode :model-value="cell.content" class="ml-2" />
+                <CellCode :model-value="cell.content" :mode="getMode(cell.name)" class="ml-2" />
             </div>
             <hr class="solid m-0" />
         </div>
@@ -32,6 +32,16 @@ interface CellType {
 
 const cells = ref<Array<CellType>>(parseMarkdown(props.markdownText));
 
+function getMode(cellName: string) {
+    switch (cellName) {
+        case "galaxy":
+            return "python";
+        case "markdown":
+            return "markdown";
+    }
+    return "json";
+}
+
 function onClick(cellIndex: number, cellType: string) {
     console.log([cellIndex, cellType]);
 }