diff --git a/frontend/src/components/Flow/flow.css b/frontend/src/components/Flow/flow.css
index f973f7c..a20575c 100644
--- a/frontend/src/components/Flow/flow.css
+++ b/frontend/src/components/Flow/flow.css
@@ -8,7 +8,7 @@
 
 .react-flow {
   --xy-background-color: var(--background);
-  --xy-background-pattern-dots-color: color-mix(
+  --xy-background-pattern-color: color-mix(
     in srgb,
     var(--muted-foreground) 30%,
     transparent
@@ -251,7 +251,7 @@
    */
   --xy-edge-stroke-width: 3;
   --edge-pulse-width: 4;
-  --xy-background-pattern-dots-color: color-mix(
+  --xy-background-pattern-color: color-mix(
     in srgb,
     var(--muted-foreground) 22%,
     transparent