diff --git a/modules/ui/src/app/components/callout/callout.component.html b/modules/ui/src/app/components/callout/callout.component.html
index 8a01c241b..5d8e10d3f 100644
--- a/modules/ui/src/app/components/callout/callout.component.html
+++ b/modules/ui/src/app/components/callout/callout.component.html
@@ -21,7 +21,9 @@
     color="primary">
     {{ type }}
   </mat-icon>
-  <span *ngIf="type === CalloutType.InfoPilot" class="callout-icon">🚀</span>
+  <span *ngIf="type === CalloutType.InfoPilot" class="callout-icon info-pilot"
+    >🚀</span
+  >
   <p class="callout-context">
     <ng-content></ng-content>
   </p>
diff --git a/modules/ui/src/app/components/callout/callout.component.scss b/modules/ui/src/app/components/callout/callout.component.scss
index b5276d22a..411f49d1f 100644
--- a/modules/ui/src/app/components/callout/callout.component.scss
+++ b/modules/ui/src/app/components/callout/callout.component.scss
@@ -70,6 +70,12 @@
   .callout-icon {
     color: mat.m2-get-color-from-palette($color-primary, 700);
   }
+
+  .info-pilot {
+    width: 24px;
+    display: flex;
+    justify-content: center;
+  }
 }
 
 .callout-container.warning_amber {