diff --git a/client/wfnews-war/src/main/angular/src/app/components/full-details/area-restrictions-full-details/area-restrictions-full-details.component.html b/client/wfnews-war/src/main/angular/src/app/components/full-details/area-restrictions-full-details/area-restrictions-full-details.component.html
index 5189ce318..ca2a998ae 100644
--- a/client/wfnews-war/src/main/angular/src/app/components/full-details/area-restrictions-full-details/area-restrictions-full-details.component.html
+++ b/client/wfnews-war/src/main/angular/src/app/components/full-details/area-restrictions-full-details/area-restrictions-full-details.component.html
@@ -33,7 +33,7 @@
     <div class="info"><img height="20" width="20" class="icon" src="/assets/images/svg-icons/location-pin.svg"
         alt="Location Pin" />{{restrictionData?.fireCentre}}</div>
     <div class="info"><img height="20" width="20" class="icon" src="/assets/images/svg-icons/carbon_calendar.svg"
-        alt="Calendar" />Discovered on {{incident.discoveryDate}}<img height="20" width="20" class="arrow-button"
+        alt="Calendar" />Discovered on {{incident.discoveryDate}}<img height="20" width="20" class="arrow-button" (click)="navToIncident(incident)"
         alt="icon" src="/assets/images/svg-icons/forward-arrow-grey.svg"></div>
   </div>
 </div>
diff --git a/client/wfnews-war/src/main/angular/src/app/components/full-details/area-restrictions-full-details/area-restrictions-full-details.component.ts b/client/wfnews-war/src/main/angular/src/app/components/full-details/area-restrictions-full-details/area-restrictions-full-details.component.ts
index c8f858f1e..6dac222fb 100644
--- a/client/wfnews-war/src/main/angular/src/app/components/full-details/area-restrictions-full-details/area-restrictions-full-details.component.ts
+++ b/client/wfnews-war/src/main/angular/src/app/components/full-details/area-restrictions-full-details/area-restrictions-full-details.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';
-import { Router as Route } from '@angular/router';
+import { Router as Route, Router } from '@angular/router';
 import { LocationData } from '@app/components/wildfires-list-header/filter-by-location/filter-by-location-dialog.component';
 import { AGOLService, AgolOptions } from '@app/services/AGOL-service';
 import { PublishedIncidentService } from '@app/services/published-incident-service';
@@ -61,6 +61,8 @@ export class AreaRestrictionsFullDetailsComponent implements OnInit {
     private watchlistService: WatchlistService,
     private commonUtilityService: CommonUtilityService,
     private metaService: Meta,
+    protected router: Router,
+
   ) {}
 
   async ngOnInit(): Promise<void> {
@@ -182,6 +184,19 @@ export class AreaRestrictionsFullDetailsComponent implements OnInit {
     }
     this.cdr.detectChanges();
   }
+  navToIncident(incident: any) {
+    console.log(incident);
+    this.router.navigate([ResourcesRoutes.PUBLIC_INCIDENT], {
+      queryParams: {
+        fireYear: incident.fireYear,
+        incidentNumber: incident.incidentNumberLabel,
+        source: [ResourcesRoutes.FULL_DETAILS],
+        sourceId: this.id,
+        sourceType: 'area-restriction',
+        name: this.name
+      },
+    });
+  }
 
   async populateAreaRestrictionByID(options: AgolOptions = null) {
     this.restrictionData = null;