diff --git a/src/components/FlowEditor/node/style/baseOther.module.less b/src/components/FlowEditor/node/style/baseOther.module.less
index 7732144..e3f2ca2 100644
--- a/src/components/FlowEditor/node/style/baseOther.module.less
+++ b/src/components/FlowEditor/node/style/baseOther.module.less
@@ -50,6 +50,13 @@
     border: 1px solid #cccccc;
     border-radius: 3px;
 
+    .node-inputs {
+      padding-right: 10px;
+    }
+
+    .node-outputs {
+      padding-left: 10px;
+    }
 
     .node-inputs,
     .node-outputs,
@@ -58,6 +65,7 @@
       flex: 1;
     }
 
+
     .node-outputs-api {
       .node-input-label {
         font-size: 12px;
diff --git a/src/pages/flowEditor/components/nodeContentApp.tsx b/src/pages/flowEditor/components/nodeContentApp.tsx
index de5834c..c85d0e2 100644
--- a/src/pages/flowEditor/components/nodeContentApp.tsx
+++ b/src/pages/flowEditor/components/nodeContentApp.tsx
@@ -303,6 +303,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
     <>
       {/*content栏-api部分*/}
       <div className={styles['node-api-box']}>
+
         <div className={styles['node-content-api']}>
           {apiIns.length > 0 && (
             <div className={styles['node-inputs']}>
@@ -325,7 +326,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
           )}
 
           {apiOuts.length > 0 && (
-            <div className={styles['node-outputs-api']}>
+            <div className={styles['node-outputs']}>
               {apiOuts.map((output, index) => {
                 // 查找关联的事件分组
                 const group = findApiGroupByTopic(output, eventGroups);