diff --git a/src/app/component/circular-heatmap/circular-heatmap.component.html b/src/app/component/circular-heatmap/circular-heatmap.component.html
index 027d2d5a8..4e4e3152c 100644
--- a/src/app/component/circular-heatmap/circular-heatmap.component.html
+++ b/src/app/component/circular-heatmap/circular-heatmap.component.html
@@ -251,7 +251,7 @@ <h2>Nothing to show</h2>
                       class="title-button"
                       (click)="
                         $event.preventDefault();
-                        navigate(
+                        openActivityDetails(
                           currentDimension,
                           cardHeader,
                           activity['activityName']
diff --git a/src/app/component/circular-heatmap/circular-heatmap.component.ts b/src/app/component/circular-heatmap/circular-heatmap.component.ts
index d23d1cfff..95321c2ae 100644
--- a/src/app/component/circular-heatmap/circular-heatmap.component.ts
+++ b/src/app/component/circular-heatmap/circular-heatmap.component.ts
@@ -739,21 +739,21 @@ export class CircularHeatmapComponent implements OnInit {
     }
   }
 
-  navigate(dim: string, subdim: string, activityName: string) {
+  openActivityDetails(dim: string, subdim: string, activityName: string) {
     let navigationExtras = {
       dimension: dim,
       subDimension: subdim,
       activityName: activityName,
     };
-    this.yaml.setURI('./assets/YAML/generated/generated.yaml');
-    this.activityDetails = this.YamlObject[dim][subdim][activityName];
-    console.log(this.YamlObject);
-    console.log(this.YamlObject[dim][subdim]);
+    this.activityDetails = Object.assign(
+      {},
+      this.YamlObject[dim][subdim][activityName]
+    );
+
     if (this.activityDetails) {
       this.activityDetails.navigationExtras = navigationExtras;
     }
     console.log(this.activityDetails);
-    console.log(this.ALL_CARD_DATA);
     this.showOverlay = true;
   }