diff --git a/frontend/packages/core/src/components/HyperParameterPage/ColorMap.tsx b/frontend/packages/core/src/components/HyperParameterPage/ColorMap.tsx
index 9fa4771b6abdd1de0549767212ca6f8dff44bf4d..28194c3c1229dafc42c0468639fec988551be308 100644
--- a/frontend/packages/core/src/components/HyperParameterPage/ColorMap.tsx
+++ b/frontend/packages/core/src/components/HyperParameterPage/ColorMap.tsx
@@ -68,11 +68,13 @@ const ColorMap: FunctionComponent<ColorMapProps & WithStyled> = ({indicators, da
 
     const colorByIndicator = useMemo(() => indicators.find(i => i.name === colorBy), [colorBy, indicators]);
 
-    const colorByExtent = useMemo(
+    const colorByExtent = useMemo<[number, number]>(
         () =>
             colorByIndicator
-                ? d3.extent(data.map(row => +row[colorByIndicator.group][colorByIndicator.name]))
-                : ([0, 0] as [number, number]),
+                ? (d3
+                      .extent(data.map(row => +row[colorByIndicator.group][colorByIndicator.name]))
+                      .map((v: number | undefined) => Math.round((v ?? 0) * 1000) / 1000) as [number, number])
+                : [0, 0],
         [colorByIndicator, data]
     );
 
diff --git a/frontend/packages/mock/data/hparams/list.ts b/frontend/packages/mock/data/hparams/list.ts
index c8b28d4aae766f86f94b3cacd09d1d73ce2caec3..b982dabf1f6408da3439b8a2641d75605551f9a4 100644
--- a/frontend/packages/mock/data/hparams/list.ts
+++ b/frontend/packages/mock/data/hparams/list.ts
@@ -35,6 +35,6 @@ export default () =>
             },
             metrics: {
                 accuracy: b[index % b.length],
-                loss: 100 - index * 0.2
+                loss: 100 - index * 0.2111111111111
             }
         }));