diff --git a/src/ui/quickTour/quickTourComponent/quickTour.template.html b/src/ui/quickTour/quickTourComponent/quickTour.template.html
index 488b8d233bd1614545c6e0afd0caa27823902ce4..2bb90559f8e2b8d77115d4b059941f0fa95ab2a8 100644
--- a/src/ui/quickTour/quickTourComponent/quickTour.template.html
+++ b/src/ui/quickTour/quickTourComponent/quickTour.template.html
@@ -24,10 +24,25 @@
             [disabled]="isLast$ | async">
             <i class="fas fa-chevron-right"></i>
         </button>
-        <button mat-icon-button
-            (click)="endTour()">
-            <i class="fas fa-times"></i>
-        </button>
+
+        <!-- dismiss (last) -->
+        <ng-template [ngIf]="isLast$ | async" [ngIfElse]="notLastTmpl">
+            <button mat-stroked-button
+                color="primary"
+                (click)="endTour()">
+                <i class="m-1 fas fa-check"></i>
+                <span>complete</span>
+            </button>
+        </ng-template>
+
+        <!-- dismiss (not last) -->
+        <ng-template #notLastTmpl>
+            <button mat-icon-button (click)="endTour()">
+                <i class="fas fa-times"></i>
+            </button>
+        </ng-template>
+
+        <!-- progress dots -->
         <span class="muted d-inline-flex align-items-center">
             <i *ngFor="let active of quickTourProgress$ | async"
                 [ngClass]="{ 'fa-xs muted-3': !active }"