diff --git a/src/angular/components/callout.component.html b/src/angular/components/callout.component.html
index 31e1d10e963..11405b4a584 100644
--- a/src/angular/components/callout.component.html
+++ b/src/angular/components/callout.component.html
@@ -1,4 +1,4 @@
-<div class="callout callout-{{calloutStyle}}" role="alert">
+<div class="callout callout-{{calloutStyle}}" [ngClass]="{'clickable': clickable}" role="alert">
     <h3 class="callout-heading" *ngIf="title">
         <i class="fa {{icon}}" *ngIf="icon" aria-hidden="true"></i>
         {{title}}
diff --git a/src/angular/components/callout.component.ts b/src/angular/components/callout.component.ts
index 34d84f07b60..9af93288a46 100644
--- a/src/angular/components/callout.component.ts
+++ b/src/angular/components/callout.component.ts
@@ -14,6 +14,7 @@ export class CalloutComponent implements OnInit {
     @Input() type = 'info';
     @Input() icon: string;
     @Input() title: string;
+    @Input() clickable: boolean;
 
     calloutStyle: string;