diff --git a/src/renderer/components/Experiment/Workflows/WorkflowCanvas.tsx b/src/renderer/components/Experiment/Workflows/WorkflowCanvas.tsx
index 5ff88d1359b2d604f938ea1eb5b12686b56a5a55..461480456cfbb6914a5b5a6e717502c46707a0c9 100644
--- a/src/renderer/components/Experiment/Workflows/WorkflowCanvas.tsx
+++ b/src/renderer/components/Experiment/Workflows/WorkflowCanvas.tsx
@@ -172,7 +172,7 @@ const Flow = ({
       nodesDraggable={true}
       nodesConnectable={true}
       fitView
-      zoomOnScroll={false}
+      zoomOnScroll={true}
       zoomOnPinch={false}
       zoomOnDoubleClick={false}
       panOnScroll={false}
@@ -186,7 +186,7 @@ const Flow = ({
         mutateWorkflows();
       }}
       style={{
-        backgroundColor: 'var(--joy-palette-background-level2)',
+        backgroundColor: 'var(--joy-palette-background-surface)',
       }}
     >
       <Button