diff --git a/ng6-seed/src/app/quality-check/qc-list/qc-pd-report/qc-pd-report.component.html b/ng6-seed/src/app/quality-check/qc-list/qc-pd-report/qc-pd-report.component.html
index 548a0c955..77805c45e 100644
--- a/ng6-seed/src/app/quality-check/qc-list/qc-pd-report/qc-pd-report.component.html
+++ b/ng6-seed/src/app/quality-check/qc-list/qc-pd-report/qc-pd-report.component.html
@@ -11,6 +11,9 @@
                                             <a mat-list-item *ngFor="let pd of pdReportVersionList; let itemIndex = index;" (click)="changeVersion(pd, itemIndex)">
                                                 <h4 mat-line [ngStyle]="{'color':pd.is_latest == 1 &&  itemIndex == selectedIndex ? '#e00201' : pd.is_latest == 1 &&  itemIndex != selectedIndex ? 'green' : pd.is_latest !=1  &&  itemIndex == selectedIndex ? '#e00201' : 'rgba(0, 0, 0, 0.87)' }">{{ pd.doc_name }}</h4>
                                                 <!-- <h4 mat-line>{{ pd.doc_name }}</h4> -->
+                                                <button mat-icon-button color="warn" aria-label="Example icon-button with a heart icon">
+                                                    <a target="_blank" href = {{pd.doc_uri}}> <mat-icon>get_app</mat-icon> </a>
+                                                  </button>
                                                 <p mat-line> {{pd.createdby}} ({{pd.createdon}}) </p>
                                             </a>