diff --git a/libs/components/src/callout/callout.component.html b/libs/components/src/callout/callout.component.html
index 953df54d7b7..0336cf95cda 100644
--- a/libs/components/src/callout/callout.component.html
+++ b/libs/components/src/callout/callout.component.html
@@ -1,13 +1,17 @@
 <aside
   class="tw-mb-4 tw-box-border tw-border tw-border-solid tw-rounded-lg tw-bg-background tw-ps-4 tw-pe-4 tw-py-3 tw-leading-5 tw-flex tw-gap-2"
-  [ngClass]="[calloutClass(), truncate ? 'tw-items-center' : '']"
+  [ngClass]="[calloutClass()]"
   [attr.aria-labelledby]="titleId"
 >
   @let title = titleComputed();
   @let icon = iconComputed();
 
   @if (icon) {
-    <i class="bwi tw-relative" [ngClass]="[icon, iconClass()]" aria-hidden="true"></i>
+    <i
+      class="bwi tw-relative"
+      [ngClass]="[icon, title ? 'tw-top-[3px] tw-self-start' : 'tw-top-[1px]']"
+      aria-hidden="true"
+    ></i>
   }
   <div class="tw-flex tw-flex-col tw-gap-0.5" [ngClass]="truncate ? 'tw-truncate' : ''">
     @if (title) {
diff --git a/libs/components/src/callout/callout.component.ts b/libs/components/src/callout/callout.component.ts
index 6938e26e2cf..3d6c9f480dc 100644
--- a/libs/components/src/callout/callout.component.ts
+++ b/libs/components/src/callout/callout.component.ts
@@ -54,16 +54,6 @@ export class CalloutComponent {
 
   constructor(private i18nService: I18nService) {}
 
-  protected readonly iconClass = computed(() => {
-    if (!this.title() && this.truncate()) {
-      return "";
-    }
-    if (this.iconComputed() && this.titleComputed()) {
-      return "tw-top-[3px] tw-self-start";
-    }
-    return "tw-top-[1px]";
-  });
-
   protected readonly calloutClass = computed(() => {
     switch (this.type()) {
       case "danger":