diff --git a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss
index b102baa876..949acfaa7f 100644
--- a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss
+++ b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss
@@ -1,8 +1,8 @@
-$background: #f2f2f2;
 $black: #0b0c0c;
-$lineColor: #cacaca;
-$nodeBorder: #0b0c0c;
+$lineColor: #d0d0d0;
+$nodeBorder: $black;
 $optionBorder: #b1b4b6;
+$hangerBackground: #f2f2f2;
 $focus: #ffdd00;
 
 $endpointWidth: 50px;
@@ -95,9 +95,6 @@ $pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAA
 
 .card {
   position: relative;
-  [data-layout="top-down"] & {
-    width: 100%;
-  }
 
   &.isDragging {
     opacity: 0.3;
@@ -166,6 +163,15 @@ $pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAA
     }
   }
 
+  &.type-Section {
+    [data-layout="top-down"] & {
+      width: 100%;
+    }
+    [data-layout="left-right"] & {
+      height: 100%;
+    }
+  }
+
   &.type-Section::after {
     content: "";
     position: absolute;
@@ -283,7 +289,7 @@ $pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAA
     border-radius: $size;
     color: $black;
     padding: 5px;
-    background: $background;
+    background: $hangerBackground;
     line-height: 1.5;
 
     margin: $padding;
@@ -361,6 +367,11 @@ $pixel: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAA
   display: none;
 }
 
+.category > span {
+  padding: 6px 12px;
+  background: #d0d0d0;
+}
+
 .decision,
 .category {
   [data-layout="top-down"] & {