diff --git a/apps/web/src/controllers/MetricController/MetricViewChartController/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/helper.ts b/apps/web/src/controllers/MetricController/MetricViewChartController/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/helper.ts
index b7e6b56ee..44aa047c5 100644
--- a/apps/web/src/controllers/MetricController/MetricViewChartController/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/helper.ts
+++ b/apps/web/src/controllers/MetricController/MetricViewChartController/MetricEditController/MetricStylingApp/StylingAppVisualize/SelectAxis/helper.ts
@@ -94,6 +94,7 @@ export const chartTypeToDropZones: Record<
     return [
       makeXAxisDropZone(_selectedAxis.x),
       makeYAxisDropZone(_selectedAxis.y),
+      makeColorByDropZone(_selectedAxis.colorBy),
       makeCategoryAxisDropZone(_selectedAxis.category),
       makeTooltipDropZone(_selectedAxis.tooltip),
     ];