diff --git a/easyflow-ui-admin/app/src/views/ai/workflow/WorkflowList.vue b/easyflow-ui-admin/app/src/views/ai/workflow/WorkflowList.vue
index b308be65..c3e31171 100644
--- a/easyflow-ui-admin/app/src/views/ai/workflow/WorkflowList.vue
+++ b/easyflow-ui-admin/app/src/views/ai/workflow/WorkflowList.vue
@@ -1407,6 +1407,7 @@ function handleHeaderButtonClick(data: any) {
     />
     <ElDialog
       v-model="apiInstructionVisible"
+      append-to-body
       width="min(960px, calc(100vw - 32px))"
       class="workflow-api-dialog"
       :footer="false"
@@ -1911,7 +1912,9 @@ button.workflow-scope-chip:disabled {
 }
 
 .workflow-api-markdown-wrap {
-  max-height: min(76vh, 760px);
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: none;
   padding: var(--space-5) 36px var(--space-8);
   overflow-y: auto;
   font-size: 14px;
@@ -2115,6 +2118,12 @@ button.workflow-scope-chip:disabled {
 }
 
 :global(.workflow-api-dialog.el-dialog) {
+  display: flex;
+  flex-direction: column;
+  max-height: 90vh;
+  max-height: 90dvh;
+  margin: 5vh auto !important;
+  margin: 5dvh auto !important;
   overflow: hidden;
   background: hsl(var(--modal-surface));
   border: 1px solid hsl(var(--modal-shell-border-soft));
@@ -2123,12 +2132,17 @@ button.workflow-scope-chip:disabled {
 }
 
 :global(.workflow-api-dialog .el-dialog__header) {
+  flex: 0 0 auto;
   padding: var(--space-5) var(--space-6);
   margin-right: 0;
   border-bottom: 1px solid hsl(var(--modal-divider));
 }
 
 :global(.workflow-api-dialog .el-dialog__body) {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
   max-height: none;
   padding: 0;
   overflow: hidden;
@@ -2137,32 +2151,17 @@ button.workflow-scope-chip:disabled {
 
 @media (max-width: 767px) {
   :global(.workflow-api-dialog.el-dialog) {
-    display: flex;
-    flex-direction: column;
     width: calc(100vw - 16px) !important;
-    max-height: calc(
-      100vh - var(--easyflow-header-height, 0px) - var(--space-4)
-    );
-    margin: calc(var(--easyflow-header-height, 0px) + var(--space-2)) auto
-      var(--space-2) !important;
+    max-height: calc(100vh - var(--space-4));
+    max-height: calc(100dvh - var(--space-4));
+    margin: var(--space-2) auto !important;
   }
 
   :global(.workflow-api-dialog .el-dialog__header) {
-    flex: 0 0 auto;
     padding: var(--space-4) 18px;
   }
 
-  :global(.workflow-api-dialog .el-dialog__body) {
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 auto;
-    min-height: 0;
-  }
-
   .workflow-api-markdown-wrap {
-    flex: 1 1 auto;
-    min-height: 0;
-    max-height: none;
     padding: var(--space-4) 18px var(--space-6);
     scrollbar-gutter: auto;
   }