diff --git a/awx/ui/client/legacy-styles/ansible-ui.less b/awx/ui/client/legacy-styles/ansible-ui.less
index 51162a5bbf..bfabb4c7ed 100644
--- a/awx/ui/client/legacy-styles/ansible-ui.less
+++ b/awx/ui/client/legacy-styles/ansible-ui.less
@@ -2343,3 +2343,7 @@ input[disabled].ui-spinner-input {
     border-color: @b7grey;
     color: @default-interface-txt;
 }
+
+.ui-dialog .ui-dialog-content {
+    background: @default-bg;
+}
diff --git a/awx/ui/client/src/shared/branding/colors.default.less b/awx/ui/client/src/shared/branding/colors.default.less
index 0ec2d4795d..af8286108f 100644
--- a/awx/ui/client/src/shared/branding/colors.default.less
+++ b/awx/ui/client/src/shared/branding/colors.default.less
@@ -25,6 +25,7 @@
 @f7grey:                #F7F7F7;
 @insights-yellow:       #dedc4f;
 @f2grey:                #f2f2f2;
+@f6grey:                #f6f6f6;
 @ebgrey:                #ebebeb;
 
 
diff --git a/awx/ui/client/src/templates/workflows/workflow-chart/workflow-chart.block.less b/awx/ui/client/src/templates/workflows/workflow-chart/workflow-chart.block.less
index 7fd6a8aecc..e6424a90e0 100644
--- a/awx/ui/client/src/templates/workflows/workflow-chart/workflow-chart.block.less
+++ b/awx/ui/client/src/templates/workflows/workflow-chart/workflow-chart.block.less
@@ -69,7 +69,7 @@
 }
 
 .WorkflowResults-rightSide .WorkflowChart-svg {
-    background-color: @default-secondary-bg;
+    background-color: @f6grey;
     border: 1px solid @d7grey;
     border-top: 0px;
     border-bottom-right-radius: 5px;
diff --git a/awx/ui/client/src/templates/workflows/workflow-maker/workflow-maker.block.less b/awx/ui/client/src/templates/workflows/workflow-maker/workflow-maker.block.less
index 0f860547b3..c506907a09 100644
--- a/awx/ui/client/src/templates/workflows/workflow-maker/workflow-maker.block.less
+++ b/awx/ui/client/src/templates/workflows/workflow-maker/workflow-maker.block.less
@@ -43,7 +43,7 @@
 }
 .WorkflowMaker-contentHolder {
     display: flex;
-    border: 1px solid @d7grey;
+    border: 1px solid @b7grey;
     border-radius: 5px;
     height: ~"calc(100% - 85px)";
 }
@@ -54,7 +54,8 @@
 }
 .WorkflowMaker-contentRight {
     flex: 0 0 400px;
-    border-left: 1px solid @d7grey;
+    border-left: 1px solid @b7grey;
+    background: @default-bg;
     padding: 20px;
     height: 100%;
     overflow-y: scroll;
@@ -157,7 +158,8 @@
     height: 40px;
     line-height: 40px;
     color: @default-interface-txt;
-    border-bottom: 1px solid @d7grey;
+    background: @default-bg;
+    border-bottom: 1px solid @b7grey;
 }
 .WorkflowLegend-maker--left {
     flex: 1 0 auto;
@@ -246,7 +248,7 @@
     width: 293px;
     background-color: @default-bg;
     display: flex;
-    border: 1px solid @d7grey;
+    border: 1px solid @b7grey;
     border-top: 0px;
     border-bottom-left-radius: 5px;
     margin-left: -1px;