diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.html b/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.html
index bff6e7dee9..0e785a22bb 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.html
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.html
@@ -2,7 +2,7 @@
   <div class="abp-toast-icon">
     <i class="fa icon" [ngClass]="iconClass"></i>
   </div>
-  <div class="abp-toast-content mt-1">
+  <div class="abp-toast-content toast-flex">
     <button class="abp-toast-close-button" (click)="close()" *ngIf="toast.options?.closable">
       <i class="fa fa-times"></i>
     </button>
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.scss b/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.scss
index 64bf8a6068..08b26c5184 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.scss
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.scss
@@ -79,3 +79,10 @@ $toastClass: abp-toast;
     }
   }
 }
+
+.toast-flex {
+  display: flex;
+  align-self: center;
+  word-break: break-word;
+
+}