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 2b050ee46..c41a5d0e4 100644
--- a/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
+++ b/libs/ui/src/lib/treemap-chart/treemap-chart.component.ts
@@ -46,11 +46,11 @@ const { gray, green, red } = require('open-color');
 export class GfTreemapChartComponent
   implements AfterViewInit, OnChanges, OnDestroy
 {
+  @Input() baseCurrency: string;
+  @Input() colorScheme: ColorScheme;
   @Input() cursor: string;
   @Input() dateRange: DateRange;
   @Input() holdings: PortfolioPosition[];
-  @Input() colorScheme: ColorScheme;
-  @Input() baseCurrency: string;
   @Input() locale = getLocale();
 
   @Output() treemapChartClicked = new EventEmitter<AssetProfileIdentifier>();
@@ -63,7 +63,7 @@ export class GfTreemapChartComponent
   public isLoading = true;
 
   public constructor() {
-    Chart.register(LinearScale, TreemapController, TreemapElement, Tooltip);
+    Chart.register(LinearScale, Tooltip, TreemapController, TreemapElement);
   }
 
   public ngAfterViewInit() {
@@ -169,6 +169,7 @@ export class GfTreemapChartComponent
         }
       ]
     };
+
     if (this.chartCanvas) {
       if (this.chart) {
         this.chart.data = data;
@@ -216,6 +217,7 @@ export class GfTreemapChartComponent
 
     this.isLoading = false;
   }
+
   private getTooltipPluginConfiguration() {
     return {
       ...getTooltipOptions({