diff --git a/Data/WebUI/src/components/FlowEditor.css b/Data/WebUI/src/components/FlowEditor.css
index 576bfe8..fbc6a2f 100644
--- a/Data/WebUI/src/components/FlowEditor.css
+++ b/Data/WebUI/src/components/FlowEditor.css
@@ -14,10 +14,10 @@
         width: 100%;
         height: 100%;
         pointer-events: none; /* Ensures grid and nodes remain fully interactive */
-        background: linear-gradient( to bottom, rgba(9, 44, 68, 0.8) 0%, /* Deep blue at the top */
-        rgba(30, 30, 30, 0) 25%, /* Fade out towards center */
+        background: linear-gradient( to bottom, rgba(9, 44, 68, 0.9) 0%, /* Deep blue at the top */
+        rgba(30, 30, 30, 0) 45%, /* Fade out towards center */
         rgba(30, 30, 30, 0) 75%, /* No gradient in the middle */
-        rgba(9, 44, 68, 0.8) 100% /* Deep blue at the bottom */
+        rgba(9, 44, 68, 0.7) 100% /* Deep blue at the bottom */
         );
         z-index: -1; /* Ensures it stays behind the React Flow elements */
     }