diff --git a/src/components/flow/CellShade/index.tsx b/src/components/flow/CellShade/index.tsx
index e74cc4f6..7ba39f25 100644
--- a/src/components/flow/CellShade/index.tsx
+++ b/src/components/flow/CellShade/index.tsx
@@ -15,7 +15,7 @@ const CellShade: FC<Props> = ({ color, ...rest }) => {
       return undefined;
     }
 
-    return `linear-gradient(10deg, ${color} 30px, ${convertHexToRGBA(color, 0.3)} 200px)`;
+    return `linear-gradient(7deg, ${color} 50px, ${convertHexToRGBA(color, 0.3)} 250px)`;
   }, [color]);
 
   return (
diff --git a/src/components/flow/CellShade/styles.module.scss b/src/components/flow/CellShade/styles.module.scss
index ee6ddd13..ce9f167d 100644
--- a/src/components/flow/CellShade/styles.module.scss
+++ b/src/components/flow/CellShade/styles.module.scss
@@ -6,7 +6,7 @@
   left: 0;
   right: 0;
   top: 0;
-  background: linear-gradient(5deg, transparentize($content_bg, 0), transparentize($content_bg, 1));
+  background: linear-gradient(7deg, transparentize($content_bg, 0.05) 30px, transparentize($content_bg, 1) 250px);
   pointer-events: none;
   touch-action: none;