diff --git a/modules/ui/src/app/components/callout/callout.component.html b/modules/ui/src/app/components/callout/callout.component.html
index 075f9430d..8a01c241b 100644
--- a/modules/ui/src/app/components/callout/callout.component.html
+++ b/modules/ui/src/app/components/callout/callout.component.html
@@ -26,6 +26,7 @@
     <ng-content></ng-content>
   </p>
   <button
+    *ngIf="closable"
     class="callout-close-button"
     mat-button
     (click)="calloutClosed.emit(id)">