diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.html b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.html
index 89b8645cf3..82c27d2518 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.html
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.html
@@ -1,7 +1,7 @@
 <ng-content></ng-content>
 
 <ng-template #modalContent let-modal>
-  <div *ngIf="abpHeader" id="abp-modal-header" class="modal-header">
+  <div *ngIf="abpHeader" id="abp-modal-header" class="modal-header abp-modal-header">
     <ng-container *ngTemplateOutlet="abpHeader"></ng-container>
     ​
     <button
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/constants/styles.ts b/npm/ng-packs/packages/theme-shared/src/lib/constants/styles.ts
index 4a3d36861c..f818f8fe27 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/constants/styles.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/constants/styles.ts
@@ -155,6 +155,11 @@ ngb-typeahead-window, ngb-typeahead-window.dropdown-menu {
   z-index: 1050;
 }
 
+.abp-modal-header {
+  word-break: break-word;
+}
+
+
 @keyframes fadeInTop {
   from {
     transform: translateY(-5px);