diff --git a/app/gui/src/project-view/components/ComponentBrowser/ComponentEditor.vue b/app/gui/src/project-view/components/ComponentBrowser/ComponentEditor.vue
index 22905e060700..1162cc86264c 100644
--- a/app/gui/src/project-view/components/ComponentBrowser/ComponentEditor.vue
+++ b/app/gui/src/project-view/components/ComponentBrowser/ComponentEditor.vue
@@ -42,7 +42,7 @@ defineExpose({
 
 const rootStyle = computed(() => {
   return {
-    '--color-node-primary': props.nodeColor,
+    '--node-group-color': props.nodeColor,
     '--port-edge-width': `${4 * props.navigator.scale}px`,
   }
 })