diff --git a/frontend/packages/core/src/pages/aiSetting/AIFlowChart.tsx b/frontend/packages/core/src/pages/aiSetting/AIFlowChart.tsx
index 79611d80..b61d82da 100644
--- a/frontend/packages/core/src/pages/aiSetting/AIFlowChart.tsx
+++ b/frontend/packages/core/src/pages/aiSetting/AIFlowChart.tsx
@@ -101,6 +101,7 @@ const AIFlowChart = () => {
         id: 'apiService',
         type: 'serviceCard',
         position: { x: LAYOUT.SERVICE_NODE_X, y: serviceY },
+        draggable: false,
         data: {
           title: 'API Services',
           count: modelData.length
@@ -239,8 +240,10 @@ const AIFlowChart = () => {
           proOptions={{ hideAttribution: true }}
           draggable={false}
           nodeTypes={nodeTypes}
+          elementsSelectable={false}
           edgeTypes={edgeTypes}
           zoomOnScroll={false}
+          panOnDrag={false}
           zoomOnPinch={false}
           zoomOnDoubleClick={false}
           panOnScroll={true}
diff --git a/frontend/packages/core/src/pages/aiSetting/constants.ts b/frontend/packages/core/src/pages/aiSetting/constants.ts
index a6635ffe..52ec18d8 100644
--- a/frontend/packages/core/src/pages/aiSetting/constants.ts
+++ b/frontend/packages/core/src/pages/aiSetting/constants.ts
@@ -2,6 +2,6 @@ export const LAYOUT = {
   SERVICE_NODE_X: 0,
   NODE_START_Y: 20,
   NODE_GAP: 120,
-  MODEL_NODE_X: 500,
-  KEY_NODE_X: 900,
+  MODEL_NODE_X: 700,
+  KEY_NODE_X: 1200,
 } as const;