diff --git a/src/app/home/dashboard/dashboard.component.html b/src/app/home/dashboard/dashboard.component.html
index 3e10d390a..59f61d483 100644
--- a/src/app/home/dashboard/dashboard.component.html
+++ b/src/app/home/dashboard/dashboard.component.html
@@ -13,8 +13,7 @@
 
         <mat-card-content>
           <mat-action-list class="list">
-            <button mat-list-item *ngFor="let activity of recentActivities"
-            [routerLink]="activity"> {{ activity | urlToString }} </button>
+            <button mat-list-item *ngFor="let activity of recentActivities" (click)="navigatetoActivity(activity)"> {{ activity | urlToString }} </button>
           </mat-action-list>
         </mat-card-content>
 
diff --git a/src/app/home/dashboard/dashboard.component.ts b/src/app/home/dashboard/dashboard.component.ts
index d7ba1de2d..d1b73e67c 100644
--- a/src/app/home/dashboard/dashboard.component.ts
+++ b/src/app/home/dashboard/dashboard.component.ts
@@ -1,5 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 
 /**
  * Dashboard component.
@@ -21,7 +22,7 @@ export class DashboardComponent implements OnInit {
   /**
    * Gets user activities from local storage.
    */
-  constructor() {
+  constructor(private router: Router) {
     this.userActivity = JSON.parse(localStorage.getItem('mifosXLocation'));
   }
 
@@ -67,4 +68,12 @@ export class DashboardComponent implements OnInit {
     return topEigthFrequentActivities;
   }
 
+  /**
+   * Navigates to the activity
+   */
+  navigatetoActivity(activity:string){
+    this.router.navigateByUrl(activity);
+  }
+
 }
+