diff --git a/packages/builder/src/components/common/Block.svelte b/packages/builder/src/components/common/Block.svelte
index 0d4cb1b9e2..c796f66f10 100644
--- a/packages/builder/src/components/common/Block.svelte
+++ b/packages/builder/src/components/common/Block.svelte
@@ -47,7 +47,7 @@
   }
 
   .secondary {
-    background: var(--secondary);
+    background: var(--blue-light);
   }
 
   .tertiary {
diff --git a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
index 5b0140e026..021006e788 100644
--- a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
+++ b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
@@ -112,7 +112,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--secondary);
+    background: var(--blue-light);
     color: var(--ink);
     font-size: 20px;
     border-radius: 3px;
diff --git a/packages/builder/src/components/nav/ModelNavigator/BlockNavigator.svelte b/packages/builder/src/components/nav/ModelNavigator/BlockNavigator.svelte
index ae391ca05f..e84b975bb2 100644
--- a/packages/builder/src/components/nav/ModelNavigator/BlockNavigator.svelte
+++ b/packages/builder/src/components/nav/ModelNavigator/BlockNavigator.svelte
@@ -63,12 +63,12 @@
   }
 
   span:hover {
-    background: var(--secondary);
+    background: var(--blue-light);
     cursor: pointer;
   }
 
   .selected {
-    background: var(--secondary);
+    background: var(--blue-light);
     color: var(--ink);
   }
 
diff --git a/packages/builder/src/components/nav/ModelNavigator/ListItem.svelte b/packages/builder/src/components/nav/ModelNavigator/ListItem.svelte
index ae1b46a90d..0bf563319b 100644
--- a/packages/builder/src/components/nav/ModelNavigator/ListItem.svelte
+++ b/packages/builder/src/components/nav/ModelNavigator/ListItem.svelte
@@ -32,11 +32,11 @@
   }
 
   .selected {
-    background-color: var(--secondary);
+    background-color: var(--blue-light);
   }
 
   div:hover {
-    background-color: var(--secondary);
+    background-color: var(--blue-light);
     cursor: pointer;
   }
 
diff --git a/packages/builder/src/components/workflow/SetupPanel/DeleteWorkflowModal.svelte b/packages/builder/src/components/workflow/SetupPanel/DeleteWorkflowModal.svelte
index aebb41421f..e2e8b9976b 100644
--- a/packages/builder/src/components/workflow/SetupPanel/DeleteWorkflowModal.svelte
+++ b/packages/builder/src/components/workflow/SetupPanel/DeleteWorkflowModal.svelte
@@ -49,7 +49,7 @@
   header i {
     margin-right: 10px;
     font-size: 20px;
-    background: var(--secondary);
+    background: var(--blue-light);
     color: var(--grey-4);
     padding: 8px;
   }
diff --git a/packages/builder/src/components/workflow/WorkflowBuilder/flowchart/FlowItem.svelte b/packages/builder/src/components/workflow/WorkflowBuilder/flowchart/FlowItem.svelte
index 626a890b69..05a97af519 100644
--- a/packages/builder/src/components/workflow/WorkflowBuilder/flowchart/FlowItem.svelte
+++ b/packages/builder/src/components/workflow/WorkflowBuilder/flowchart/FlowItem.svelte
@@ -63,7 +63,7 @@
   }
 
   .LOGIC {
-    background-color: var(--secondary);
+    background-color: var(--blue-light);
     color: var(--ink);
   }
 
diff --git a/packages/builder/src/components/workflow/WorkflowPanel/WorkflowList/CreateWorkflowModal.svelte b/packages/builder/src/components/workflow/WorkflowPanel/WorkflowList/CreateWorkflowModal.svelte
index fb460daf21..e3d9d62895 100644
--- a/packages/builder/src/components/workflow/WorkflowPanel/WorkflowList/CreateWorkflowModal.svelte
+++ b/packages/builder/src/components/workflow/WorkflowPanel/WorkflowList/CreateWorkflowModal.svelte
@@ -49,7 +49,7 @@
   header i {
     margin-right: 10px;
     font-size: 20px;
-    background: var(--secondary);
+    background: var(--blue-light);
     color: var(--grey-4);
     padding: 8px;
   }