diff --git a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/reset-password/reset-password.component.html b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/reset-password/reset-password.component.html
index 000d010a8..03274a20f 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/reset-password/reset-password.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/reset-password/reset-password.component.html
@@ -1,4 +1,4 @@
-<div [translateParams]="{ userName: user | name }" [translate]="'reset-password-dialog.header'" class="dialog-header heading-l"></div>
+<div [innerHTML]="'reset-password-dialog.header' | translate : { userName: user | name }" class="dialog-header heading-l"></div>
 
 <form (submit)="save()" [formGroup]="form">
     <div class="dialog-content">
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/smtp-auth-dialog/smtp-auth-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/smtp-auth-dialog/smtp-auth-dialog.component.html
index 710555526..f31714aa6 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/smtp-auth-dialog/smtp-auth-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/smtp-auth-dialog/smtp-auth-dialog.component.html
@@ -1,5 +1,5 @@
 <section class="dialog">
-    <div class="dialog-header heading-l" translate="smtp-auth-config.title"></div>
+    <div class="dialog-header heading-l" [translate]="'smtp-auth-config.title'"></div>
 
     <form (submit)="save()" [formGroup]="form">
         <div class="dialog-content">
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/upload-dictionary-dialog/upload-dictionary-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/upload-dictionary-dialog/upload-dictionary-dialog.component.html
index 52b167834..6650e41d5 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/upload-dictionary-dialog/upload-dictionary-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/upload-dictionary-dialog/upload-dictionary-dialog.component.html
@@ -1,5 +1,5 @@
 <section class="dialog">
-    <div class="dialog-header heading-l" translate="upload-dictionary-dialog.title"></div>
+    <div class="dialog-header heading-l" [translate]="'upload-dictionary-dialog.title'"></div>
 
     <div class="dialog-content">
         <p translate="upload-dictionary-dialog.question"></p>
diff --git a/apps/red-ui/src/app/modules/admin/screens/justifications/add-edit-justification-dialog/add-edit-justification-dialog.component.html b/apps/red-ui/src/app/modules/admin/screens/justifications/add-edit-justification-dialog/add-edit-justification-dialog.component.html
index a236f7090..922e222e0 100644
--- a/apps/red-ui/src/app/modules/admin/screens/justifications/add-edit-justification-dialog/add-edit-justification-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/justifications/add-edit-justification-dialog/add-edit-justification-dialog.component.html
@@ -1,10 +1,8 @@
 <section class="dialog">
     <div
-        [translateParams]="{
-            type: data.justification ? 'edit' : 'create',
-            name: data.justification?.name
-        }"
-        [translate]="'add-edit-justification.title'"
+        [innerHTML]="
+            'add-edit-justification.title' | translate : { type: data.justification ? 'edit' : 'create', name: data.justification?.name }
+        "
         class="dialog-header heading-l"
     ></div>
 
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.html
index e4a06f8b3..50005eae3 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/change-legal-basis-dialog/change-legal-basis-dialog.component.html
@@ -1,10 +1,10 @@
 <section class="dialog">
     <form (submit)="save()" [formGroup]="form">
-        <div class="dialog-header heading-l" translate="change-legal-basis-dialog.header"></div>
+        <div class="dialog-header heading-l" [translate]="'change-legal-basis-dialog.header'"></div>
 
         <div class="dialog-content">
             <div class="iqser-input-group required w-400">
-                <label translate="change-legal-basis-dialog.content.reason"></label>
+                <label [translate]="'change-legal-basis-dialog.content.reason'"></label>
                 <mat-form-field>
                     <mat-select
                         [placeholder]="'change-legal-basis-dialog.content.reason-placeholder' | translate"
@@ -19,22 +19,22 @@
             </div>
 
             <div class="iqser-input-group w-400">
-                <label translate="change-legal-basis-dialog.content.legalBasis"></label>
+                <label [translate]="'change-legal-basis-dialog.content.legalBasis'"></label>
                 <input [value]="form.get('reason').value?.legalBasis" disabled type="text" />
             </div>
 
             <div class="iqser-input-group w-400">
-                <label translate="change-legal-basis-dialog.content.section"></label>
+                <label [translate]="'change-legal-basis-dialog.content.section'"></label>
                 <input formControlName="section" name="section" type="text" />
             </div>
 
             <div *ngIf="this.allRectangles" class="iqser-input-group w-400">
-                <label translate="change-legal-basis-dialog.content.classification"></label>
+                <label [translate]="'change-legal-basis-dialog.content.classification'"></label>
                 <input formControlName="classification" name="classification" type="text" />
             </div>
 
             <div class="iqser-input-group w-300">
-                <label translate="change-legal-basis-dialog.content.comment"></label>
+                <label [translate]="'change-legal-basis-dialog.content.comment'"></label>
                 <textarea formControlName="comment" iqserHasScrollbar name="comment" rows="4" type="text"></textarea>
             </div>
         </div>
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/document-info-dialog/document-info-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/document-info-dialog/document-info-dialog.component.html
index 9848ee289..53e13af49 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/document-info-dialog/document-info-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/document-info-dialog/document-info-dialog.component.html
@@ -1,5 +1,5 @@
 <section *ngIf="!!form" class="dialog">
-    <div class="dialog-header heading-l" translate="document-info.title"></div>
+    <div class="dialog-header heading-l" [translate]="'document-info.title'"></div>
 
     <form (submit)="save()" [formGroup]="form">
         <div class="dialog-content">
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/false-positive-dialog/false-positive-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/false-positive-dialog/false-positive-dialog.component.html
index 4655e7d22..c6c0af2b3 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/false-positive-dialog/false-positive-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/false-positive-dialog/false-positive-dialog.component.html
@@ -1,6 +1,6 @@
 <section class="dialog">
     <form (submit)="save()" [formGroup]="form">
-        <div class="dialog-header heading-l" translate="false-positive-dialog.header"></div>
+        <div class="dialog-header heading-l" [translate]="'false-positive-dialog.header'"></div>
 
         <div class="dialog-content">
             <ul>
@@ -10,7 +10,7 @@
                 ></li>
             </ul>
             <div class="iqser-input-group w-300">
-                <label translate="false-positive-dialog.content.comment"></label>
+                <label [translate]="'false-positive-dialog.content.comment'"></label>
                 <textarea formControlName="comment" iqserHasScrollbar name="comment" rows="4" type="text"></textarea>
             </div>
         </div>
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/force-redaction-dialog/force-annotation-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/force-redaction-dialog/force-annotation-dialog.component.html
index 1503a79fc..30c8a7e1e 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/force-redaction-dialog/force-annotation-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/force-redaction-dialog/force-annotation-dialog.component.html
@@ -1,11 +1,11 @@
 <section class="dialog">
     <form (submit)="save()" [formGroup]="form">
-        <div *ngIf="!isHintDialog" class="dialog-header heading-l" translate="manual-annotation.dialog.header.force-redaction"></div>
-        <div *ngIf="isHintDialog" class="dialog-header heading-l" translate="manual-annotation.dialog.header.force-hint"></div>
+        <div *ngIf="!isHintDialog" class="dialog-header heading-l" [translate]="'manual-annotation.dialog.header.force-redaction'"></div>
+        <div *ngIf="isHintDialog" class="dialog-header heading-l" [translate]="'manual-annotation.dialog.header.force-hint'"></div>
 
         <div class="dialog-content">
             <div *ngIf="!isHintDialog" class="iqser-input-group required w-400">
-                <label translate="manual-annotation.dialog.content.reason"></label>
+                <label [translate]="'manual-annotation.dialog.content.reason'"></label>
                 <mat-form-field>
                     <mat-select
                         [placeholder]="'manual-annotation.dialog.content.reason-placeholder' | translate"
@@ -20,12 +20,12 @@
             </div>
 
             <div *ngIf="!isHintDialog" class="iqser-input-group w-400">
-                <label translate="manual-annotation.dialog.content.legalBasis"></label>
+                <label [translate]="'manual-annotation.dialog.content.legalBasis'"></label>
                 <input [value]="form.get('reason').value?.legalBasis" disabled type="text" />
             </div>
 
             <div class="iqser-input-group w-300">
-                <label translate="manual-annotation.dialog.content.comment"></label>
+                <label [translate]="'manual-annotation.dialog.content.comment'"></label>
                 <textarea formControlName="comment" iqserHasScrollbar name="comment" rows="4"></textarea>
             </div>
         </div>
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/import-redactions-dialog/import-redactions-dialog.html b/apps/red-ui/src/app/modules/file-preview/dialogs/import-redactions-dialog/import-redactions-dialog.html
index cc5368a00..e38cdbcdd 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/import-redactions-dialog/import-redactions-dialog.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/import-redactions-dialog/import-redactions-dialog.html
@@ -1,8 +1,8 @@
 <section class="dialog">
-    <div class="dialog-header heading-l" translate="import-redactions-dialog.title"></div>
+    <div class="dialog-header heading-l" [translate]="'import-redactions-dialog.title'"></div>
 
     <div class="dialog-content">
-        <div class="mb-24" translate="import-redactions-dialog.details"></div>
+        <div class="mb-24" [translate]="'import-redactions-dialog.details'"></div>
         <iqser-upload-file (fileChanged)="fileChanged($event)"></iqser-upload-file>
 
         <div class="only-for-pages">
@@ -29,7 +29,7 @@
             [type]="iconButtonTypes.primary"
         ></iqser-icon-button>
 
-        <div class="all-caps-label cancel" mat-dialog-close translate="import-redactions-dialog.actions.cancel"></div>
+        <div class="all-caps-label cancel" mat-dialog-close [translate]="'import-redactions-dialog.actions.cancel'"></div>
     </div>
 
     <iqser-circle-button (action)="close()" class="dialog-close" icon="iqser:close"></iqser-circle-button>
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
index 53092c156..7e5fa9e0c 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
@@ -4,7 +4,7 @@
 
         <div class="dialog-content">
             <div *ngIf="!isRectangle" class="iqser-input-group w-450">
-                <label translate="manual-annotation.dialog.content.text"></label>
+                <label [translate]="'manual-annotation.dialog.content.text'"></label>
                 <div *ngIf="!isEditingSelectedText" class="flex-align-items-center">
                     {{ form.get('selectedText').value }}
                     <iqser-circle-button
@@ -28,15 +28,15 @@
             </div>
 
             <div *ngIf="isRectangle" class="iqser-input-group">
-                <label translate="manual-annotation.dialog.content.rectangle"></label>
+                <label [translate]="'manual-annotation.dialog.content.rectangle'"></label>
             </div>
 
             <div
                 *ngIf="!isFalsePositiveRequest && (isDictionaryRequest || !manualRedactionTypeExists)"
                 class="iqser-input-group required w-450"
             >
-                <label *ngIf="isDictionaryRequest" translate="manual-annotation.dialog.content.dictionary"></label>
-                <label *ngIf="!isDictionaryRequest" translate="manual-annotation.dialog.content.type"></label>
+                <label *ngIf="isDictionaryRequest" [translate]="'manual-annotation.dialog.content.dictionary'"></label>
+                <label *ngIf="!isDictionaryRequest" [translate]="'manual-annotation.dialog.content.type'"></label>
 
                 <mat-form-field>
                     <mat-select formControlName="dictionary">
@@ -54,7 +54,7 @@
             </div>
 
             <div *deny="roles.getRss; if: !isDictionaryRequest" class="iqser-input-group required w-450">
-                <label translate="manual-annotation.dialog.content.reason"></label>
+                <label [translate]="'manual-annotation.dialog.content.reason'"></label>
                 <mat-form-field>
                     <mat-select
                         [placeholder]="'manual-annotation.dialog.content.reason-placeholder' | translate"
@@ -74,22 +74,22 @@
             </div>
 
             <div *deny="roles.getRss; if: !isDictionaryRequest" class="iqser-input-group w-450">
-                <label translate="manual-annotation.dialog.content.legalBasis"></label>
+                <label [translate]="'manual-annotation.dialog.content.legalBasis'"></label>
                 <input [value]="form.get('reason').value?.legalBasis" disabled type="text" />
             </div>
 
             <div *ngIf="isRectangle" class="iqser-input-group w-450">
-                <label translate="manual-annotation.dialog.content.section"></label>
+                <label [translate]="'manual-annotation.dialog.content.section'"></label>
                 <input formControlName="section" name="section" type="text" />
             </div>
 
             <div *ngIf="isRectangle" class="iqser-input-group w-450">
-                <label translate="manual-annotation.dialog.content.classification"></label>
+                <label [translate]="'manual-annotation.dialog.content.classification'"></label>
                 <input formControlName="classification" name="classification" type="text" />
             </div>
 
             <div class="iqser-input-group w-450">
-                <label translate="manual-annotation.dialog.content.comment"></label>
+                <label [translate]="'manual-annotation.dialog.content.comment'"></label>
                 <textarea formControlName="comment" iqserHasScrollbar name="comment" rows="4" type="text"></textarea>
             </div>
 
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/recategorize-image-dialog/recategorize-image-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/recategorize-image-dialog/recategorize-image-dialog.component.html
index d4058b6a7..b50d6fab3 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/recategorize-image-dialog/recategorize-image-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/recategorize-image-dialog/recategorize-image-dialog.component.html
@@ -1,10 +1,10 @@
 <section class="dialog">
     <form (submit)="save()" [formGroup]="form">
-        <div class="dialog-header heading-l" translate="recategorize-image-dialog.header"></div>
+        <div class="dialog-header heading-l" [translate]="'recategorize-image-dialog.header'"></div>
 
         <div class="dialog-content">
             <div class="iqser-input-group required w-400">
-                <label translate="recategorize-image-dialog.content.type"></label>
+                <label [translate]="'recategorize-image-dialog.content.type'"></label>
                 <mat-form-field>
                     <mat-select
                         [placeholder]="'recategorize-image-dialog.content.type-placeholder' | translate"
@@ -19,7 +19,7 @@
             </div>
 
             <div class="iqser-input-group w-300">
-                <label translate="recategorize-image-dialog.content.comment"></label>
+                <label [translate]="'recategorize-image-dialog.content.comment'"></label>
                 <textarea formControlName="comment" iqserHasScrollbar name="comment" rows="4" type="text"></textarea>
             </div>
         </div>
@@ -32,7 +32,7 @@
                 [type]="iconButtonTypes.primary"
             ></iqser-icon-button>
 
-            <div class="all-caps-label cancel" mat-dialog-close translate="recategorize-image-dialog.actions.cancel"></div>
+            <div class="all-caps-label cancel" mat-dialog-close [translate]="'recategorize-image-dialog.actions.cancel'"></div>
         </div>
     </form>
 
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-annotations-dialog/remove-annotations-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-annotations-dialog/remove-annotations-dialog.component.html
index f8d244a0f..72e3a0349 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-annotations-dialog/remove-annotations-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-annotations-dialog/remove-annotations-dialog.component.html
@@ -1,21 +1,23 @@
 <section class="dialog">
-    <div class="dialog-header heading-l">
-        {{
+    <div
+        class="dialog-header heading-l"
+        [innerHTML]="
             (data.removeFromDictionary
                 ? 'remove-annotations-dialog.remove-from-dictionary.title'
                 : 'remove-annotations-dialog.remove-only-here.title'
             ) | translate : { hint: data.hint }
-        }}
-    </div>
+        "
+    ></div>
     <form (submit)="save()" [formGroup]="form">
-        <div class="dialog-content">
-            {{
+        <div
+            class="dialog-content"
+            [innerHTML]="
                 (data.removeFromDictionary
                     ? 'remove-annotations-dialog.remove-from-dictionary.question'
                     : 'remove-annotations-dialog.remove-only-here.question'
                 ) | translate : { hint: data.hint }
-            }}
-
+            "
+        >
             <div *ngIf="data.removeFromDictionary" class="content-wrapper">
                 <table class="default-table">
                     <thead>
@@ -40,7 +42,7 @@
             </ul>
 
             <div class="iqser-input-group w-300">
-                <label translate="manual-annotation.dialog.content.comment"></label>
+                <label [translate]="'manual-annotation.dialog.content.comment'"></label>
                 <textarea formControlName="comment" iqserHasScrollbar name="comment" rows="4" type="text"></textarea>
             </div>
         </div>
@@ -53,7 +55,7 @@
                 [type]="iconButtonTypes.primary"
             ></iqser-icon-button>
 
-            <div class="all-caps-label cancel" mat-dialog-close translate="remove-annotations-dialog.cancel"></div>
+            <div class="all-caps-label cancel" mat-dialog-close [translate]="'remove-annotations-dialog.cancel'"></div>
         </div>
     </form>
 
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/resize-annotation-dialog/resize-annotation-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/resize-annotation-dialog/resize-annotation-dialog.component.html
index 4503b0349..3a1285473 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/resize-annotation-dialog/resize-annotation-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/resize-annotation-dialog/resize-annotation-dialog.component.html
@@ -1,10 +1,10 @@
 <section class="dialog">
     <form (submit)="save()" [formGroup]="form">
-        <div class="dialog-header heading-l" translate="resize-annotation-dialog.header"></div>
+        <div class="dialog-header heading-l" [translate]="'resize-annotation-dialog.header'"></div>
 
         <div class="dialog-content">
             <div class="iqser-input-group w-300">
-                <label translate="resize-annotation-dialog.content.comment"></label>
+                <label [translate]="'resize-annotation-dialog.content.comment'"></label>
                 <textarea formControlName="comment" iqserHasScrollbar name="comment" rows="4" type="text"></textarea>
             </div>
 
@@ -26,7 +26,7 @@
                 [type]="iconButtonTypes.primary"
             ></iqser-icon-button>
 
-            <div class="all-caps-label cancel" mat-dialog-close translate="resize-annotation-dialog.actions.cancel"></div>
+            <div class="all-caps-label cancel" mat-dialog-close [translate]="'resize-annotation-dialog.actions.cancel'"></div>
         </div>
     </form>
 
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/rss-dialog/rss-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/rss-dialog/rss-dialog.component.html
index 6856874d6..1542fe247 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/rss-dialog/rss-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/rss-dialog/rss-dialog.component.html
@@ -1,5 +1,5 @@
 <section class="dialog">
-    <div class="dialog-header heading-l" translate="rss-dialog.title"></div>
+    <div class="dialog-header heading-l" [translate]="'rss-dialog.title'"></div>
 
     <hr />
     <div class="dialog-content">
@@ -79,7 +79,7 @@
             label="Export All"
         ></iqser-icon-button>
 
-        <div class="all-caps-label cancel" mat-dialog-close translate="rss-dialog.actions.close"></div>
+        <div class="all-caps-label cancel" mat-dialog-close [translate]="'rss-dialog.actions.close'"></div>
     </div>
 
     <iqser-circle-button (action)="close()" class="dialog-close" icon="iqser:close"></iqser-circle-button>
diff --git a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/assign-reviewer-approver-dialog/assign-reviewer-approver-dialog.component.html b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/assign-reviewer-approver-dialog/assign-reviewer-approver-dialog.component.html
index 43eeefe73..b104af22a 100644
--- a/apps/red-ui/src/app/modules/shared-dossiers/dialogs/assign-reviewer-approver-dialog/assign-reviewer-approver-dialog.component.html
+++ b/apps/red-ui/src/app/modules/shared-dossiers/dialogs/assign-reviewer-approver-dialog/assign-reviewer-approver-dialog.component.html
@@ -1,5 +1,5 @@
 <section class="dialog">
-    <div [translateParams]="{ type: mode }" [translate]="'assign-owner.dialog.title'" class="dialog-header heading-l"></div>
+    <div [innerHTML]="'assign-owner.dialog.title' | translate : { type: mode }" class="dialog-header heading-l"></div>
 
     <form (submit)="save()" [formGroup]="form">
         <div class="dialog-content">