From 2ed43035eb7b455760d48080e7aebeee6ef7df2c Mon Sep 17 00:00:00 2001
From: Jukka Lipka <3710455+jlipka@users.noreply.github.com>
Date: Fri, 13 Jun 2025 17:32:29 +0200
Subject: [PATCH] fix: add styles to confirmation modal

Words are forced to break if no more space available

(cherry picked from commit 20510591e439fa68238c6b245d87413e916a458c)
---
 .../confirmation-modal/confirmation-modal.component.scss   | 7 +++++++
 .../confirmation-modal/confirmation-modal.component.ts     | 1 +
 2 files changed, 8 insertions(+)
 create mode 100644 src/app/shared/confirmation-modal/confirmation-modal.component.scss

diff --git a/src/app/shared/confirmation-modal/confirmation-modal.component.scss b/src/app/shared/confirmation-modal/confirmation-modal.component.scss
new file mode 100644
index 0000000000..58a428ea4a
--- /dev/null
+++ b/src/app/shared/confirmation-modal/confirmation-modal.component.scss
@@ -0,0 +1,7 @@
+:host {
+  .modal {
+    &-body, &-header {
+      word-break: break-word;
+    }
+  }
+}
diff --git a/src/app/shared/confirmation-modal/confirmation-modal.component.ts b/src/app/shared/confirmation-modal/confirmation-modal.component.ts
index 3e5e930fc6..a1a702663e 100644
--- a/src/app/shared/confirmation-modal/confirmation-modal.component.ts
+++ b/src/app/shared/confirmation-modal/confirmation-modal.component.ts
@@ -11,6 +11,7 @@ import { TranslateModule } from '@ngx-translate/core';
 @Component({
   selector: 'ds-confirmation-modal',
   templateUrl: 'confirmation-modal.component.html',
+  styleUrls: ['confirmation-modal.component.scss'],
   standalone: true,
   imports: [
     TranslateModule,