diff --git a/web/app/components/workflow/skill/editor-area.tsx b/web/app/components/workflow/skill/editor-area.tsx
index 6d36c7f979..35e2c8b821 100644
--- a/web/app/components/workflow/skill/editor-area.tsx
+++ b/web/app/components/workflow/skill/editor-area.tsx
@@ -5,7 +5,7 @@ type EditorAreaProps = PropsWithChildren
 
 const EditorArea: FC<EditorAreaProps> = ({ children }) => {
   return (
-    <section className="flex flex-1 flex-col rounded-lg">
+    <section className="flex min-h-0 flex-1 flex-col rounded-lg">
       {children}
     </section>
   )
diff --git a/web/app/components/workflow/skill/editor-body.tsx b/web/app/components/workflow/skill/editor-body.tsx
index 5767829842..b4fd537aca 100644
--- a/web/app/components/workflow/skill/editor-body.tsx
+++ b/web/app/components/workflow/skill/editor-body.tsx
@@ -5,7 +5,7 @@ type EditorBodyProps = PropsWithChildren
 
 const EditorBody: FC<EditorBodyProps> = ({ children }) => {
   return (
-    <div className="flex flex-1">
+    <div className="flex min-h-0 flex-1">
       {children}
     </div>
   )
diff --git a/web/app/components/workflow/skill/skill-doc-editor.tsx b/web/app/components/workflow/skill/skill-doc-editor.tsx
index b6eb1465d0..5be217aeb8 100644
--- a/web/app/components/workflow/skill/skill-doc-editor.tsx
+++ b/web/app/components/workflow/skill/skill-doc-editor.tsx
@@ -161,7 +161,7 @@ const SkillDocEditor: FC = () => {
   const fileSize = currentFileNode?.size
 
   return (
-    <div className="h-full w-full overflow-hidden bg-components-panel-bg">
+    <div className="h-full w-full overflow-auto bg-components-panel-bg">
       {isMarkdown && (
         <MarkdownFileEditor
           value={currentContent}