diff --git a/src/renderer/components/Experiment/Workflows/WorkflowCanvas.tsx b/src/renderer/components/Experiment/Workflows/WorkflowCanvas.tsx
index f688234b6b8676c1d9a1d4d7e829032aff3fe49a..4074a6b9f803434c2a7a9374557d013c1eb0a6ad 100644
--- a/src/renderer/components/Experiment/Workflows/WorkflowCanvas.tsx
+++ b/src/renderer/components/Experiment/Workflows/WorkflowCanvas.tsx
@@ -85,7 +85,9 @@ const Flow = ({ selectedWorkflow, setNewNodeModalOpen = (x) => {} }) => {
       zoomOnPinch={false}
       zoomOnDoubleClick={false}
       panOnScroll={false}
-      style={{ backgroundColor: '#F7F9FB' }}
+      style={{
+        backgroundColor: 'var(--joy-palette-background-level1)',
+      }}
     >
       <Button
         onClick={() => {
diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index f2dee12b120c03a847660596afcde179d6207bbc..1d449531c511235f91449294802e75ed54564abd 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -246,7 +246,7 @@ code if we want */
   transition: opacity 0.2s ease-in-out;
   color: rgb(156, 144, 144);
   background-color: rgba(255, 255, 255, 1);
-  border: 1px solid rgb(156, 144, 144);
+  border: 1.5px solid rgb(156, 144, 144);
   height: 14px;
   width: 14px;
   top: -5px;