diff --git a/web/src/pages/flow/canvas/node/index.less b/web/src/pages/flow/canvas/node/index.less
index 54251cf29..855e9b5e7 100644
--- a/web/src/pages/flow/canvas/node/index.less
+++ b/web/src/pages/flow/canvas/node/index.less
@@ -15,7 +15,7 @@
   }
 }
 .selectedNode {
-  border-color: #1677ff;
+  border: 1px solid rgb(59, 118, 244);
 }
 
 .handle {
diff --git a/web/src/pages/flow/canvas/node/index.tsx b/web/src/pages/flow/canvas/node/index.tsx
index 9496c63b0..eb9a2095e 100644
--- a/web/src/pages/flow/canvas/node/index.tsx
+++ b/web/src/pages/flow/canvas/node/index.tsx
@@ -38,7 +38,7 @@ export function TextUpdaterNode({
       </Handle>
       <Handle type="source" position={Position.Bottom} id="a" isConnectable />
       <div>
-        <Space>
+        <Space size={4}>
           <OperatorIcon
             name={data.label as Operator}
             fontSize={12}