diff --git a/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts b/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
index 0b3f17676..0fcdce3d7 100644
--- a/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
+++ b/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
@@ -91,7 +91,7 @@ export class GfTreemapChartComponent
       datasets: [
         {
           backgroundColor(ctx) {
-            const annualizedNetPerformancePercentWithCurrencyEffect =
+            let annualizedNetPerformancePercentWithCurrencyEffect =
               getAnnualizedPerformancePercent({
                 daysInMarket: differenceInDays(
                   endDate,
@@ -105,6 +105,11 @@ export class GfTreemapChartComponent
                 )
               }).toNumber();
 
+            annualizedNetPerformancePercentWithCurrencyEffect =
+              Math.round(
+                annualizedNetPerformancePercentWithCurrencyEffect * 100
+              ) / 100;
+
             if (
               annualizedNetPerformancePercentWithCurrencyEffect >
               0.03 * GfTreemapChartComponent.HEAT_MULTIPLIER
@@ -125,6 +130,9 @@ export class GfTreemapChartComponent
             } else if (
               annualizedNetPerformancePercentWithCurrencyEffect === 0
             ) {
+              annualizedNetPerformancePercentWithCurrencyEffect = Math.abs(
+                annualizedNetPerformancePercentWithCurrencyEffect
+              );
               return gray[3];
             } else if (
               annualizedNetPerformancePercentWithCurrencyEffect >