diff --git a/packages/components/src/lib/distributionSpecBuilder.ts b/packages/components/src/lib/distributionSpecBuilder.ts
index 36f298d2..229e9ffe 100644
--- a/packages/components/src/lib/distributionSpecBuilder.ts
+++ b/packages/components/src/lib/distributionSpecBuilder.ts
@@ -213,6 +213,10 @@ export function buildVegaSpec(
                       scale: "yscale",
                       value: 0,
                     },
+                    fill: {
+                      scale: "color",
+                      field: { parent: "name" },
+                    },
                   },
                 },
               },
@@ -240,6 +244,10 @@ export function buildVegaSpec(
                       scale: "yscale",
                       field: "y",
                     },
+                    fill: {
+                      scale: "color",
+                      field: { parent: "name" },
+                    },
                   },
                 },
               },