diff --git a/frontend/src/pages/Workflow/Definition/Design/index.tsx b/frontend/src/pages/Workflow/Definition/Design/index.tsx
index d1c9d1bf..86d2b187 100644
--- a/frontend/src/pages/Workflow/Definition/Design/index.tsx
+++ b/frontend/src/pages/Workflow/Definition/Design/index.tsx
@@ -237,12 +237,14 @@ const WorkflowDesign: React.FC = () => {
                     <Col span={18}>
                         <Card
                             size="small"
-                            bodyStyle={{
-                                padding: 0,
-                                height: 'calc(100vh - 250px)',
-                                background: '#f5f5f5',
-                                border: '1px solid #d9d9d9',
-                                borderRadius: '4px',
+                            styles={{
+                                body: {
+                                    padding: 0,
+                                    height: 'calc(100vh - 250px)',
+                                    background: '#f5f5f5',
+                                    border: '1px solid #d9d9d9',
+                                    borderRadius: '4px',
+                                }
                             }}
                         >
                             <div