diff --git a/src/layouts/index.less b/src/layouts/index.less
index 02bebc34..c1121680 100644
--- a/src/layouts/index.less
+++ b/src/layouts/index.less
@@ -161,7 +161,7 @@
     &.env-wrapper,
     &.config-wrapper {
       .CodeMirror {
-        width: calc(100vw - 80px);
+        width: calc(100vw - 24px);
       }
     }
   }
diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx
index 5a7ce75b..a22e544e 100644
--- a/src/layouts/index.tsx
+++ b/src/layouts/index.tsx
@@ -20,6 +20,9 @@ import { message, Badge, Modal, Avatar, Dropdown, Menu, Image } from 'antd';
 import SockJS from 'sockjs-client';
 import * as Sentry from '@sentry/react';
 import { init } from '../utils/init';
+import 'codemirror/mode/javascript/javascript';
+import 'codemirror/mode/python/python';
+import 'codemirror/mode/shell/shell';
 
 export interface SharedContext {
   headerStyle: React.CSSProperties;
diff --git a/src/pages/crontab/detail.tsx b/src/pages/crontab/detail.tsx
index e2c7208f..56ec7ea0 100644
--- a/src/pages/crontab/detail.tsx
+++ b/src/pages/crontab/detail.tsx
@@ -103,7 +103,6 @@ const CronDetailModal = ({
           fontSize: 12,
           lineNumbersMinChars: 3,
           fontFamily: 'Source Code Pro',
-          folding: false,
           glyphMargin: false,
           wordWrap: 'on',
         }}
diff --git a/src/pages/script/index.tsx b/src/pages/script/index.tsx
index e0a7eab5..f31ae707 100644
--- a/src/pages/script/index.tsx
+++ b/src/pages/script/index.tsx
@@ -453,6 +453,7 @@ const Script = () => {
         isPhone
           ? [
               <TreeSelect
+                treeExpandAction="click"
                 className="log-select"
                 value={select}
                 dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
@@ -564,7 +565,6 @@ const Script = () => {
                 readOnly: !isEditing,
                 fontSize: 12,
                 lineNumbersMinChars: 3,
-                folding: false,
                 glyphMargin: false,
               }}
               onMount={(editor) => {