diff --git a/frontend/src/pages/Workflow/Definition/Designer/index.module.less b/frontend/src/pages/Workflow/Definition/Designer/index.module.less
index 4b580fbd..8629f62b 100644
--- a/frontend/src/pages/Workflow/Definition/Designer/index.module.less
+++ b/frontend/src/pages/Workflow/Definition/Designer/index.module.less
@@ -3,8 +3,9 @@
         height: 100%;
         display: flex;
         flex-direction: column;
-        
+
         &-container {
+            height: calc(100vh - 170px);
             height: 100%;
             background: #fff;
             border-radius: 2px;
@@ -21,23 +22,26 @@
 
         &-content {
             position: relative;
+            height: 100%;
+            padding: 16px;
             flex: 1;
-            min-height: 0;  // 允许内容区域收缩
-            padding: 8px;  // 减小内边距
+            min-height: 0; // 允许内容区域收缩
+            padding: 8px; // 减小内边距
             background: #fafafa;
             display: flex;
             flex-direction: column;
         }
 
         &-graph {
+            height: 100%;
             flex: 1;
-            min-height: 0;  // 允许内容区域收缩
+            min-height: 0; // 允许内容区域收缩
             background: #fff;
             border: 1px solid #f0f0f0;
             border-radius: 2px;
             position: relative;
         }
-        
+
         &-minimap {
             position: absolute;
             right: 24px;
@@ -51,36 +55,42 @@
             z-index: 1;
         }
     }
-    
-    .ant-card {
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        
-        .ant-card-head {
-            flex-shrink: 0;
-        }
-        
-        .ant-card-body {
-            flex: 1;
-            padding: 0;
-            min-height: 0;  // 允许内容区域收缩
+
+    .ant-card-body {
+        height: calc(100% - 57px);
+        padding: 0;
+
+        .ant-card {
+            height: 100%;
             display: flex;
             flex-direction: column;
+
+            .ant-card-head {
+                flex-shrink: 0;
+            }
+
+            .ant-card-body {
+                flex: 1;
+                padding: 0;
+                min-height: 0; // 允许内容区域收缩
+                display: flex;
+                flex-direction: column;
+            }
         }
-    }
-    
-    .ant-layout {
-        flex: 1;
-        min-height: 0;  // 允许内容区域收缩
-        background: #fff;
-        display: flex;
-        
-        .ant-layout-content {
+
+        .ant-layout {
+            height: 100%;
             flex: 1;
-            position: relative;
-            padding: 8px;  // 减小内边距
-            background: #fafafa;
+            min-height: 0; // 允许内容区域收缩
+            background: #fff;
+            display: flex;
+
+            .ant-layout-content {
+                flex: 1;
+                position: relative;
+                padding: 8px; // 减小内边距
+                background: #fafafa;
+            }
         }
     }
 }
\ No newline at end of file