diff --git a/src/ui_ng/src/app/replication/replication-page.component.html b/src/ui_ng/src/app/replication/replication-page.component.html
index e5923a207..ac423d9b2 100644
--- a/src/ui_ng/src/app/replication/replication-page.component.html
+++ b/src/ui_ng/src/app/replication/replication-page.component.html
@@ -1,3 +1,3 @@
 <div style="margin-top: 4px;">
-    <hbr-replication #replicationView [projectId]="projectIdentify" [projectName]="projectName" [isSystemAdmin]="isSystemAdmin" [withReplicationJob]='true' ></hbr-replication>
+    <hbr-replication #replicationView [projectId]="projectIdentify" [projectName]="projectName" [isSystemAdmin]="isSystemAdmin" [withReplicationJob]='true'  (goToRegistry)="goRegistry()"></hbr-replication>
 </div>
\ No newline at end of file
diff --git a/src/ui_ng/src/app/replication/replication-page.component.ts b/src/ui_ng/src/app/replication/replication-page.component.ts
index 863c36e0e..1c4d62501 100644
--- a/src/ui_ng/src/app/replication/replication-page.component.ts
+++ b/src/ui_ng/src/app/replication/replication-page.component.ts
@@ -28,6 +28,7 @@ export class ReplicationPageComponent implements OnInit, AfterViewInit {
   projectName: string;
 
   constructor(private route: ActivatedRoute,
+              private router: Router,
               private proService: ProjectService,
               private session: SessionService) { }
 
@@ -59,4 +60,8 @@ export class ReplicationPageComponent implements OnInit, AfterViewInit {
       }
     }
   }
+
+  goRegistry(): void {
+    this.router.navigate(['/harbor', 'registries']);
+  }
 }
\ No newline at end of file