From 0d2a7eeadd650f2def1a8f7e7678abd835aef377 Mon Sep 17 00:00:00 2001
From: Volha Mardvilka <mardvilka@google.com>
Date: Fri, 30 Aug 2024 07:05:41 +0000
Subject: [PATCH] 362924178: (fix) change to align information on the welcome
 modal

---
 .../ui/src/app/components/callout/callout.component.html    | 4 +++-
 .../ui/src/app/components/callout/callout.component.scss    | 6 ++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

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 {