diff --git a/components/workspace/cli.tsx b/components/workspace/cli.tsx
index a720c51..651eae0 100644
--- a/components/workspace/cli.tsx
+++ b/components/workspace/cli.tsx
@@ -115,17 +115,19 @@ export default function Cli() {
   const { theme, systemTheme } = useTheme();
 
   return (
-    <ReactTerminal
-      commands={commands}
-      prompt="#"
-      theme={theme !== "system" ? theme : systemTheme}
-      showControlBar={false}
-      welcomeMessage={
-        <div>
-          <p>Welcome to AElf Playground.</p>
-          <p>Type help to see all commands.</p>
-        </div>
-      }
-    />
+    <div className="h-full pb-8">
+      <ReactTerminal
+        commands={commands}
+        prompt="#"
+        theme={theme !== "system" ? theme : systemTheme}
+        showControlBar={false}
+        welcomeMessage={
+          <div>
+            <p>Welcome to AElf Playground.</p>
+            <p>Type help to see all commands.</p>
+          </div>
+        }
+      />
+    </div>
   );
 }
diff --git a/components/workspace/editor.tsx b/components/workspace/editor.tsx
index 5ffca77..d52bd2f 100644
--- a/components/workspace/editor.tsx
+++ b/components/workspace/editor.tsx
@@ -67,12 +67,13 @@ export default function Editor({ defaultValue }: { defaultValue?: string }) {
   }, [debouncedValue, pathname]);
 
   return (
-    <CodeMirror
-      value={value}
-      height="1000px"
-      theme={editorTheme}
-      extensions={extensions}
-      onChange={onChange}
-    />
+    <div className="h-full overflow-auto">
+      <CodeMirror
+        value={value}
+        theme={editorTheme}
+        extensions={extensions}
+        onChange={onChange}
+      />
+    </div>
   );
 }