diff --git a/react-ui/src/pages/Pipeline/editPipeline/index.jsx b/react-ui/src/pages/Pipeline/editPipeline/index.jsx
index 01bec32f..4cfdcacb 100644
--- a/react-ui/src/pages/Pipeline/editPipeline/index.jsx
+++ b/react-ui/src/pages/Pipeline/editPipeline/index.jsx
@@ -370,6 +370,7 @@ const EditPipeline = () => {
                 fill: '#fff',
                 stroke: '#a4a4a5',
                 cursor: 'crosshair',
+                lineWidth: 1,
               },
               name: `anchor-point`, // the name, for searching by group.find(ele => ele.get('name') === 'anchor-point')
               anchorPointIdx: i, // flag the idx of the anchor-point circle
@@ -409,11 +410,13 @@ const EditPipeline = () => {
             if (sourceAnchorIdx !== null && sourceAnchorIdx !== undefined) {
               const anchorPoint = anchorPoints[sourceAnchorIdx];
               anchorPoint.attr('stroke', value ? themes['primaryColor'] : '#a4a4a5');
+              anchorPoint.attr('lineWidth', value ? 2 : 1);
             }
           } else if (name === 'drop') {
             if (dropAnchorIdx !== null && dropAnchorIdx !== undefined) {
               const anchorPoint = anchorPoints[dropAnchorIdx];
               anchorPoint.attr('stroke', value ? themes['primaryColor'] : '#a4a4a5');
+              anchorPoint.attr('lineWidth', value ? 2 : 1);
             }
           }
         },