diff --git a/src/app/pages/publications/view-publications/view-publications.page.html b/src/app/pages/publications/view-publications/view-publications.page.html
index 4d5632618..8ed7372e8 100644
--- a/src/app/pages/publications/view-publications/view-publications.page.html
+++ b/src/app/pages/publications/view-publications/view-publications.page.html
@@ -33,7 +33,9 @@
   </ion-refresher> -->
    <div class="main-container background-white height-100 overflow-y-auto">
    <ion-content>
-      <ion-card *ngFor="let publication of getpublication let i = index">
+      <ion-card *ngFor="let publication of getpublication let i = index"
+      (click)="goToPublicationDetail(publication.DocumentId)"
+      >
       <ion-card-content>
         <div  class="post-img">
           <img [lazyLoad]="publication.FileBase64">
diff --git a/src/app/shared/publication/view-publications/view-publications.page.html b/src/app/shared/publication/view-publications/view-publications.page.html
index 872da291d..4d2b13b4b 100644
--- a/src/app/shared/publication/view-publications/view-publications.page.html
+++ b/src/app/shared/publication/view-publications/view-publications.page.html
@@ -40,7 +40,8 @@
   </ion-refresher>
   <div class="main-container px-20">
     <ion-content>
-      <ion-card *ngFor="let publication of publicationList let i = index">
+      <ion-card *ngFor="let publication of publicationList let i = index"
+        (click)="viewPublicationDetail(publication.DocumentId)">
       <ion-card-content>
         <div  class="post-img">
           <img [lazyLoad]="publication.FileBase64">