diff --git a/src/pages/flowEditor/components/nodeContent.tsx b/src/pages/flowEditor/components/nodeContent.tsx
index 5f22324..74ca191 100644
--- a/src/pages/flowEditor/components/nodeContent.tsx
+++ b/src/pages/flowEditor/components/nodeContent.tsx
@@ -23,7 +23,7 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, inpu
         position={isStartNode ? Position.Right : Position.Left}
         id={isStartNode ? 'start-source' : 'end-target'}
         style={{
-          background: '#555',
+          background: '#2290f6',
           top: '40px'
         }}
       />
@@ -67,7 +67,7 @@ const renderRegularNodeHandles = (inputs: any[], outputs: any[]) => {
         position={Position.Right}
         id="start-source"
         style={{
-          background: '#555',
+          background: '#2290f6',
           top: '40px'
         }}
       />
@@ -76,7 +76,7 @@ const renderRegularNodeHandles = (inputs: any[], outputs: any[]) => {
         position={Position.Left}
         id="end-target"
         style={{
-          background: '#555',
+          background: '#2290f6',
           top: '40px'
         }}
       />
diff --git a/src/pages/flowEditor/node/style/base.module.less b/src/pages/flowEditor/node/style/base.module.less
index 77e5afb..c1b14f0 100644
--- a/src/pages/flowEditor/node/style/base.module.less
+++ b/src/pages/flowEditor/node/style/base.module.less
@@ -4,6 +4,7 @@
   color: white;
   min-width: 150px;
   font-size: 14px;
+  box-shadow: 0px 5px 15px #ccc;
 
   .node-header {
     padding: 5px 15px;