diff --git a/packages/node_modules/@node-red/editor-client/src/sass/colors.scss b/packages/node_modules/@node-red/editor-client/src/sass/colors.scss
index 8411343c5..d95f8516f 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/colors.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/colors.scss
@@ -284,3 +284,8 @@ $debug-message-border: #eee;
 $debug-message-border-hover: #999;
 $debug-message-border-warning: #ffdf9d;
 $debug-message-border-error: #f99;
+
+$group-default-fill: none;
+$group-default-fill-opacity: 1;
+$group-default-stroke: #999;
+$group-default-stroke-opacity: 1;
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/flow.scss b/packages/node_modules/@node-red/editor-client/src/sass/flow.scss
index 368f94c5b..fb1daea1b 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/flow.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/flow.scss
@@ -83,8 +83,8 @@
             stroke: $link-link-color;
         }
     }
-
 }
+
 .red-ui-flow-group-outline {
     fill: none;
     stroke: $node-selected-color;
@@ -101,8 +101,11 @@
 }
 .red-ui-flow-group-body {
     pointer-events: none;
-    fill-opacity: 1;
+    fill: $group-default-fill;
+    fill-opacity: $group-default-fill-opacity;
     stroke-width: 2;
+    stroke: $group-default-stroke;
+    stroke-opacity: $group-default-stroke-opacity;
 }
 .red-ui-flow-group-label {
     @include disable-selection;