From 51bcc67e9182ec3497c8d6ded201077522709042 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Tue, 30 Sep 2025 12:49:38 +0200
Subject: [PATCH] Feature/improve localization of sustainable retirement income
 (#5630)

* Improve localization
---
 .../app/pages/portfolio/fire/fire-page.html   | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/app/pages/portfolio/fire/fire-page.html b/apps/client/src/app/pages/portfolio/fire/fire-page.html
index dd29dbcc8..df81991c3 100644
--- a/apps/client/src/app/pages/portfolio/fire/fire-page.html
+++ b/apps/client/src/app/pages/portfolio/fire/fire-page.html
@@ -61,11 +61,11 @@
         />
       </div>
     } @else {
-      <div
-        i18n
-        [ngClass]="{ 'text-muted': user?.subscription?.type === 'Basic' }"
-      >
-        If you retire today, you would be able to withdraw
+      <div [ngClass]="{ 'text-muted': user?.subscription?.type === 'Basic' }">
+        <ng-container i18n
+          >If you retire today, you would be able to withdraw</ng-container
+        >
+        <ng-container>&nbsp;</ng-container>
         <span class="font-weight-bold"
           ><gf-value
             class="d-inline-block"
@@ -74,9 +74,12 @@
             [unit]="user?.settings?.baseCurrency"
             [value]="withdrawalRatePerYear?.toNumber()"
           />
-          per year</span
+          <ng-container>&nbsp;</ng-container>
+          <ng-container i18n>per year</ng-container></span
         >
-        or
+        <ng-container>&nbsp;</ng-container>
+        <ng-container i18n>or</ng-container>
+        <ng-container>&nbsp;</ng-container>
         <span class="font-weight-bold"
           ><gf-value
             class="d-inline-block"
@@ -85,8 +88,12 @@
             [unit]="user?.settings?.baseCurrency"
             [value]="withdrawalRatePerMonth?.toNumber()"
           />
-          per month</span
-        >, based on your total assets of
+          <ng-container>&nbsp;</ng-container>
+          <ng-container i18n>per month</ng-container></span
+        ><ng-container i18n>,</ng-container>
+        <ng-container>&nbsp;</ng-container>
+        <ng-container i18n>based on your total assets of</ng-container>
+        <ng-container>&nbsp;</ng-container>
         <span class="font-weight-bold"
           ><gf-value
             class="d-inline-block"
@@ -96,7 +103,9 @@
             [value]="fireWealth?.toNumber()"
           />
         </span>
-        and a safe withdrawal rate (SWR) of
+        <ng-container>&nbsp;</ng-container>
+        <ng-container i18n>and a safe withdrawal rate (SWR) of</ng-container>
+        <ng-container>&nbsp;</ng-container>
         <span class="font-weight-bold"
           ><gf-value
             class="d-inline-block"