From 3ddab3e99b142ac32aea3a29be656655deec68d3 Mon Sep 17 00:00:00 2001
From: Jose Alberto Hernandez <alberto@black-box.local>
Date: Wed, 10 Sep 2025 21:14:25 -0500
Subject: [PATCH] WEB-311: View Transaction Details screen - Classification
 field value is misaligned

---
 .../view-transaction/view-transaction.component.html          | 2 +-
 src/assets/styles/_text.scss                                  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/loans/loans-view/transactions/view-transaction/view-transaction.component.html b/src/app/loans/loans-view/transactions/view-transaction/view-transaction.component.html
index e0e80ef22..c646695f4 100644
--- a/src/app/loans/loans-view/transactions/view-transaction/view-transaction.component.html
+++ b/src/app/loans/loans-view/transactions/view-transaction/view-transaction.component.html
@@ -86,7 +86,7 @@
           {{ 'Classification' | translateKey: 'catalogs' }}
         </div>
 
-        <div class="flex-50 wrap-content" *ngIf="transactionData.classification">
+        <div class="flex-50 no-break-content" *ngIf="transactionData.classification">
           {{ transactionData.classification.name }}
         </div>
 
diff --git a/src/assets/styles/_text.scss b/src/assets/styles/_text.scss
index c9dc45fa1..03da63c94 100644
--- a/src/assets/styles/_text.scss
+++ b/src/assets/styles/_text.scss
@@ -255,3 +255,7 @@ body {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+
+.no-break-content {
+  overflow-wrap: anywhere !important;
+}