diff --git a/projects/cashmere/src/lib/toaster/hc-toast.component.html b/projects/cashmere/src/lib/toaster/hc-toast.component.html
index cc121dbcd..9d8e9796d 100644
--- a/projects/cashmere/src/lib/toaster/hc-toast.component.html
+++ b/projects/cashmere/src/lib/toaster/hc-toast.component.html
@@ -18,7 +18,7 @@
             </div>
             <div *ngIf="!_customImage" class="hc-toast-icon"></div>
         </div>
-        <div>
+        <div class="hc-toast-content-container">
             <div class="hc-toast-header">{{_headerText}}</div>
             <div class="hc-toast-body">{{_bodyText}}</div>
         </div>
diff --git a/projects/cashmere/src/lib/toaster/hc-toast.component.scss b/projects/cashmere/src/lib/toaster/hc-toast.component.scss
index 3e13f1a14..b976b4f71 100644
--- a/projects/cashmere/src/lib/toaster/hc-toast.component.scss
+++ b/projects/cashmere/src/lib/toaster/hc-toast.component.scss
@@ -117,6 +117,13 @@ $hc-header-font-size: 18px !default;
     align-items: center;
 }
 
+.hc-toast-content-container {
+    display: flex;
+    align-items: start;
+    flex-direction: column;
+    justify-content: center;
+}
+
 .hc-toast-close {
     padding-left: 20px;
     padding-right: 3px;