diff --git a/core/core-frontend/src/views/chart/components/js/panel/charts/map/map.ts b/core/core-frontend/src/views/chart/components/js/panel/charts/map/map.ts
index 74b564e50f..d8b5229c54 100644
--- a/core/core-frontend/src/views/chart/components/js/panel/charts/map/map.ts
+++ b/core/core-frontend/src/views/chart/components/js/panel/charts/map/map.ts
@@ -313,7 +313,9 @@ export class Map extends L7PlotChartView<ChoroplethOptions, Choropleth> {
       }
     })
     if (colorScale.length) {
-      options.color['value'] = colorScale.map(item => (item.color ? item.color : item))
+      options.color['value'] = colorScale.map(item =>
+        item.color ? new ColorWrapper(item.color) : new ColorWrapper(item)
+      )
       if (colorScale[0].value && !misc.mapAutoLegend) {
         options.color['scale']['domain'] = [
           minValue ?? filterEmptyMinValue(sourceData, 'value'),
@@ -623,3 +625,15 @@ export class Map extends L7PlotChartView<ChoroplethOptions, Choropleth> {
     )(chart, options, context, this)
   }
 }
+
+class ColorWrapper {
+  private color: string
+
+  constructor(color: string) {
+    this.color = color
+  }
+
+  toString(): string {
+    return this.color
+  }
+}