diff --git a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
index 27d023fa7..4e159a38e 100644
--- a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
+++ b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
@@ -2,9 +2,9 @@
     <div class="page-header">
         <div class="actions flex-1">
             <redaction-circle-button
+                [tooltip]="'common.close' | translate"
                 icon="red:close"
                 redactionNavigateLastDossiersScreen
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
@@ -61,16 +61,16 @@
                             <redaction-circle-button
                                 (action)="downloadItem(download)"
                                 *ngIf="download.status === 'READY' && !download.inProgress"
+                                [tooltip]="'downloads-list.actions.download' | translate"
                                 icon="red:download"
-                                tooltip="downloads-list.actions.download"
                                 type="dark-bg"
                             >
                             </redaction-circle-button>
 
                             <redaction-circle-button
                                 (action)="deleteItem(download)"
+                                [tooltip]="'downloads-list.actions.delete' | translate"
                                 icon="red:trash"
-                                tooltip="downloads-list.actions.delete"
                                 type="dark-bg"
                             >
                             </redaction-circle-button>
diff --git a/apps/red-ui/src/app/modules/admin/components/dossier-template-actions/dossier-template-actions.component.html b/apps/red-ui/src/app/modules/admin/components/dossier-template-actions/dossier-template-actions.component.html
index 964d802d3..84c5a99a5 100644
--- a/apps/red-ui/src/app/modules/admin/components/dossier-template-actions/dossier-template-actions.component.html
+++ b/apps/red-ui/src/app/modules/admin/components/dossier-template-actions/dossier-template-actions.component.html
@@ -2,16 +2,16 @@
     <redaction-circle-button
         (action)="openDeleteDossierTemplateDialog($event)"
         *ngIf="permissionsService.isAdmin()"
+        [tooltip]="'dossier-templates-listing.action.delete' | translate"
         icon="red:trash"
-        tooltip="dossier-templates-listing.action.delete"
         type="dark-bg"
     ></redaction-circle-button>
 
     <redaction-circle-button
         (action)="openEditDossierTemplateDialog($event)"
         *ngIf="permissionsService.isAdmin()"
+        [tooltip]="'dossier-templates-listing.action.edit' | translate"
         icon="red:edit"
-        tooltip="dossier-templates-listing.action.edit"
         type="dark-bg"
     ></redaction-circle-button>
 </div>
diff --git a/apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.html b/apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.html
index b06beffe0..d3e45d454 100644
--- a/apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.html
+++ b/apps/red-ui/src/app/modules/admin/components/users-stats/users-stats.component.html
@@ -1,8 +1,8 @@
 <div class="collapsed-wrapper">
     <redaction-circle-button
         (action)="toggleCollapse.emit()"
+        [tooltip]="'user-stats.expand' | translate"
         icon="red:expand"
-        tooltip="user-stats.expand"
         tooltipPosition="before"
     ></redaction-circle-button>
     <div class="all-caps-label" translate="user-stats.title"></div>
@@ -12,8 +12,8 @@
     <div class="heading-xl flex-1" translate="user-stats.title"></div>
     <redaction-circle-button
         (action)="toggleCollapse.emit()"
+        [tooltip]="'user-stats.collapse' | translate"
         icon="red:collapse"
-        tooltip="user-stats.collapse"
         tooltipPosition="before"
     ></redaction-circle-button>
 </div>
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html
index e8764f5ca..f0693271a 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html
@@ -5,7 +5,7 @@
 
     <form (submit)="saveDictionary()" [formGroup]="dictionaryForm">
         <div class="dialog-content">
-            <div class="red-input-group mb-14" *ngIf="!!dictionary">
+            <div *ngIf="!!dictionary" class="red-input-group mb-14">
                 <label translate="add-edit-dictionary.form.name"></label>
                 {{ dictionary.label }}
             </div>
@@ -14,9 +14,9 @@
                 <div *ngIf="!dictionary" class="red-input-group required">
                     <label translate="add-edit-dictionary.form.name"></label>
                     <input
+                        [placeholder]="'add-edit-dictionary.form.name-placeholder' | translate"
                         formControlName="type"
                         name="type"
-                        placeholder="{{ 'add-edit-dictionary.form.name-placeholder' | translate }}"
                         type="text"
                     />
                     <span class="hint" translate="add-edit-dictionary.form.name-hint"></span>
@@ -25,9 +25,9 @@
                 <div class="red-input-group required w-75">
                     <label translate="add-edit-dictionary.form.rank"></label>
                     <input
+                        [placeholder]="'add-edit-dictionary.form.rank-placeholder' | translate"
                         formControlName="rank"
                         name="rank"
-                        placeholder="{{ 'add-edit-dictionary.form.rank-placeholder' | translate }}"
                         type="number"
                     />
                 </div>
@@ -35,10 +35,10 @@
                 <div class="red-input-group required">
                     <label translate="add-edit-dictionary.form.color"></label>
                     <input
+                        [placeholder]="'add-edit-dictionary.form.color-placeholder' | translate"
                         class="hex-color-input"
                         formControlName="hexColor"
                         name="hexColor"
-                        placeholder="{{ 'add-edit-dictionary.form.color-placeholder' | translate }}"
                         type="text"
                     />
                     <div
@@ -56,9 +56,9 @@
             <div class="red-input-group w-450">
                 <label translate="add-edit-dictionary.form.description"></label>
                 <textarea
+                    [placeholder]="'add-edit-dictionary.form.description-placeholder' | translate"
                     formControlName="description"
                     name="description"
-                    placeholder="{{ 'add-edit-dictionary.form.description-placeholder' | translate }}"
                     redactionHasScrollbar
                     rows="4"
                     type="text"
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.html
index 2bb1f1a86..8f9d45625 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.html
@@ -11,9 +11,9 @@
             <div class="red-input-group required w-300">
                 <label translate="add-edit-dossier-attribute.form.label"></label>
                 <input
+                    [placeholder]="'add-edit-dossier-attribute.form.label-placeholder' | translate"
                     formControlName="label"
                     name="label"
-                    placeholder="{{ 'add-edit-dossier-attribute.form.label-placeholder' | translate }}"
                     type="text"
                 />
             </div>
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-dossier-template-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-dossier-template-dialog.component.html
index 9487ec5eb..cf1d10da9 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-dossier-template-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-dossier-template-dialog.component.html
@@ -11,9 +11,9 @@
             <div class="red-input-group required w-300">
                 <label translate="add-edit-dossier-template.form.name"></label>
                 <input
+                    [placeholder]="'add-edit-dossier-template.form.name-placeholder' | translate"
                     formControlName="name"
                     name="name"
-                    placeholder="{{ 'add-edit-dossier-template.form.name-placeholder' | translate }}"
                     type="text"
                 />
             </div>
@@ -21,9 +21,9 @@
             <div class="red-input-group w-400">
                 <label translate="add-edit-dossier-template.form.description"></label>
                 <textarea
+                    [placeholder]="'add-edit-dossier-template.form.description-placeholder' | translate"
                     formControlName="description"
                     name="description"
-                    placeholder="{{ 'add-edit-dossier-template.form.description-placeholder' | translate }}"
                     rows="4"
                     type="text"
                 ></textarea>
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-file-attribute-dialog/add-edit-file-attribute-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-file-attribute-dialog/add-edit-file-attribute-dialog.component.html
index 3062a8234..a27a36051 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-file-attribute-dialog/add-edit-file-attribute-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-file-attribute-dialog/add-edit-file-attribute-dialog.component.html
@@ -11,9 +11,9 @@
             <div class="red-input-group required w-300">
                 <label translate="add-edit-file-attribute.form.name"></label>
                 <input
+                    [placeholder]="'add-edit-file-attribute.form.name-placeholder' | translate"
                     formControlName="label"
                     name="label"
-                    placeholder="{{ 'add-edit-file-attribute.form.name-placeholder' | translate }}"
                     type="text"
                 />
             </div>
@@ -21,9 +21,9 @@
             <div class="red-input-group required w-300">
                 <label translate="add-edit-file-attribute.form.column-header"></label>
                 <input
+                    [placeholder]="'add-edit-file-attribute.form.column-header-placeholder' | translate"
                     formControlName="csvColumnHeader"
                     name="csvColumnHeader"
-                    placeholder="{{ 'add-edit-file-attribute.form.column-header-placeholder' | translate }}"
                     type="text"
                 />
             </div>
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/edit-color-dialog/edit-color-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/edit-color-dialog/edit-color-dialog.component.html
index d0ae645aa..369f6468f 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/edit-color-dialog/edit-color-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/edit-color-dialog/edit-color-dialog.component.html
@@ -6,10 +6,10 @@
             <div class="red-input-group required">
                 <label translate="edit-color-dialog.form.color"></label>
                 <input
+                    [placeholder]="'edit-color-dialog.form.color-placeholder' | translate"
                     class="hex-color-input"
                     formControlName="color"
                     name="color"
-                    placeholder="{{ 'edit-color-dialog.form.color-placeholder' | translate }}"
                     type="text"
                 />
                 <div
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html b/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
index 5d9fd6c4e..8a6de6ad6 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
@@ -13,15 +13,15 @@
     <ng-container *ngIf="areSomeEntitiesSelected$ | async">
         <redaction-circle-button
             [matMenuTriggerFor]="readOnlyMenu"
+            [tooltip]="'file-attributes-csv-import.table-header.actions.read-only' | translate"
             icon="red:read-only"
-            tooltip="file-attributes-csv-import.table-header.actions.read-only"
             type="dark-bg"
         ></redaction-circle-button>
 
         <redaction-circle-button
             (action)="deactivateSelection()"
+            [tooltip]="'file-attributes-csv-import.table-header.actions.remove-selected' | translate"
             icon="red:trash"
-            tooltip="file-attributes-csv-import.table-header.actions.remove-selected"
             type="dark-bg"
         ></redaction-circle-button>
 
@@ -109,22 +109,22 @@
             <redaction-circle-button
                 (action)="field.editingName = true"
                 *ngIf="!field.editingName"
+                [tooltip]="'file-attributes-csv-import.action.edit-name' | translate"
                 class="edit-name-button"
                 icon="red:edit"
-                tooltip="file-attributes-csv-import.action.edit-name"
                 type="dark-bg"
             ></redaction-circle-button>
             <ng-container *ngIf="field.editingName">
                 <redaction-circle-button
                     (action)="field.editingName = false; field.name = field.temporaryName"
+                    [tooltip]="'file-attributes-csv-import.action.save-name' | translate"
                     icon="red:check"
-                    tooltip="file-attributes-csv-import.action.save-name"
                     type="dark-bg"
                 ></redaction-circle-button>
                 <redaction-circle-button
                     (action)="field.editingName = false; field.temporaryName = field.name"
+                    [tooltip]="'file-attributes-csv-import.action.cancel-edit-name' | translate"
                     icon="red:close"
-                    tooltip="file-attributes-csv-import.action.cancel-edit-name"
                     type="dark-bg"
                 ></redaction-circle-button>
             </ng-container>
@@ -151,8 +151,8 @@
                 <redaction-circle-button
                     (action)="field.primaryAttribute = false; toggleFieldActive.emit(field)"
                     [removeTooltip]="true"
+                    [tooltip]="'file-attributes-csv-import.action.remove' | translate"
                     icon="red:trash"
-                    tooltip="file-attributes-csv-import.action.remove"
                     type="dark-bg"
                 ></redaction-circle-button>
             </div>
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
index 563d951b1..505d781f2 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
@@ -51,8 +51,8 @@
                     <redaction-circle-button
                         (action)="readFile()"
                         *ngIf="changedParseConfig"
+                        [tooltip]="'file-attributes-csv-import.parse-csv' | translate"
                         icon="red:check"
-                        tooltip="file-attributes-csv-import.parse-csv"
                     ></redaction-circle-button>
                 </form>
             </div>
@@ -109,7 +109,10 @@
                                 {{ field.csvColumn }}
                             </div>
                             <div class="secondary">
-                                <div class="entry-count small-label">{{ getEntries(field.csvColumn) }} entries</div>
+                                <div class="entry-count small-label">
+                                    {{ getEntries(field.csvColumn) }}
+                                    entries
+                                </div>
                                 <div class="sample small-label">Sample: {{ getSample(field.csvColumn) }}</div>
                             </div>
                         </div>
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 e0d23d62e..233615737 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
@@ -6,9 +6,9 @@
             <div class="red-input-group required w-300">
                 <label translate="smtp-auth-config.form.username"></label>
                 <input
+                    [placeholder]="'smtp-auth-config.form.username-placeholder' | translate"
                     formControlName="user"
                     name="user"
-                    placeholder="{{ 'smtp-auth-config.form.username-placeholder' | translate }}"
                     type="text"
                 />
             </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
index 14cade35c..a58289d6e 100644
--- a/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
@@ -10,10 +10,10 @@
             <div class="actions">
                 <redaction-circle-button
                     *ngIf="permissionsService.isUser()"
+                    [tooltip]="'common.close' | translate"
                     class="ml-6"
                     icon="red:close"
                     redactionNavigateLastDossiersScreen
-                    tooltip="common.close"
                     tooltipPosition="below"
                 ></redaction-circle-button>
             </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
index 2d0c03531..5ea4f8ae5 100644
--- a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
@@ -7,8 +7,8 @@
 
             <redaction-circle-button
                 [routerLink]="['../..']"
+                [tooltip]="'common.close' | translate"
                 icon="red:close"
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
@@ -63,8 +63,8 @@
                             <redaction-circle-button
                                 (action)="openEditColorDialog($event, color)"
                                 *ngIf="permissionsService.isAdmin()"
+                                [tooltip]="'default-colors-screen.action.edit' | translate"
                                 icon="red:edit"
-                                tooltip="default-colors-screen.action.edit"
                                 type="dark-bg"
                             ></redaction-circle-button>
                         </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
index 943bd9172..713fce6cc 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
@@ -7,8 +7,8 @@
 
             <redaction-circle-button
                 [routerLink]="['../..']"
+                [tooltip]="'common.close' | translate"
                 icon="red:close"
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
@@ -36,8 +36,8 @@
                 <redaction-circle-button
                     (action)="openDeleteDictionariesDialog($event)"
                     *ngIf="(areSomeEntitiesSelected$ | async) && permissionsService.isAdmin()"
+                    [tooltip]="'dictionary-listing.bulk.delete' | translate"
                     icon="red:trash"
-                    tooltip="dictionary-listing.bulk.delete"
                     type="dark-bg"
                 ></redaction-circle-button>
 
@@ -142,15 +142,15 @@
                         <div *ngIf="permissionsService.isAdmin()" class="action-buttons">
                             <redaction-circle-button
                                 (action)="openDeleteDictionariesDialog($event, [dict.type])"
+                                [tooltip]="'dictionary-listing.action.delete' | translate"
                                 icon="red:trash"
-                                tooltip="dictionary-listing.action.delete"
                                 type="dark-bg"
                             ></redaction-circle-button>
 
                             <redaction-circle-button
                                 (action)="openAddEditDictionaryDialog($event, dict)"
+                                [tooltip]="'dictionary-listing.action.edit' | translate"
                                 icon="red:edit"
-                                tooltip="dictionary-listing.action.edit"
                                 type="dark-bg"
                             ></redaction-circle-button>
                         </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.html
index 1d27cbb25..52eb89937 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.html
@@ -6,8 +6,8 @@
             <redaction-circle-button
                 (action)="openDeleteDictionaryDialog($event)"
                 *ngIf="permissionsService.isAdmin()"
+                [tooltip]="'dictionary-overview.action.delete' | translate"
                 icon="red:trash"
-                tooltip="dictionary-overview.action.delete"
                 tooltipPosition="below"
                 type="dark-bg"
             ></redaction-circle-button>
@@ -15,24 +15,24 @@
             <redaction-circle-button
                 (action)="openEditDictionaryDialog($event)"
                 *ngIf="permissionsService.isAdmin()"
+                [tooltip]="'dictionary-overview.action.edit' | translate"
                 icon="red:edit"
-                tooltip="dictionary-overview.action.edit"
                 tooltipPosition="below"
                 type="dark-bg"
             ></redaction-circle-button>
 
             <redaction-circle-button
                 (action)="download()"
+                [tooltip]="'dictionary-overview.action.download' | translate"
                 icon="red:download"
-                tooltip="dictionary-overview.action.download"
                 tooltipPosition="below"
             ></redaction-circle-button>
 
             <redaction-circle-button
                 (action)="fileInput.click()"
                 *ngIf="permissionsService.isAdmin()"
+                [tooltip]="'dictionary-overview.action.upload' | translate"
                 icon="red:upload"
-                tooltip="dictionary-overview.action.upload"
                 tooltipPosition="below"
             ></redaction-circle-button>
 
@@ -40,9 +40,9 @@
 
             <redaction-circle-button
                 [routerLink]="['..']"
+                [tooltip]="'common.close' | translate"
                 class="ml-6"
                 icon="red:close"
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
index 1667b8727..de42692ed 100644
--- a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
@@ -10,10 +10,10 @@
             <div class="actions">
                 <redaction-circle-button
                     *ngIf="permissionsService.isUser()"
+                    [tooltip]="'common.close' | translate"
                     class="ml-6"
                     icon="red:close"
                     redactionNavigateLastDossiersScreen
-                    tooltip="common.close"
                     tooltipPosition="below"
                 ></redaction-circle-button>
             </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
index bcef46bc0..5475afb04 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
@@ -7,8 +7,8 @@
 
             <redaction-circle-button
                 [routerLink]="['../..']"
+                [tooltip]="'common.close' | translate"
                 icon="red:close"
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
@@ -36,8 +36,8 @@
                 <redaction-circle-button
                     (action)="openConfirmDeleteAttributeDialog($event)"
                     *ngIf="permissionsService.isAdmin() && areSomeEntitiesSelected$ | async"
+                    [tooltip]="'dossier-attributes-listing.bulk.delete' | translate"
                     icon="red:trash"
-                    tooltip="dossier-attributes-listing.bulk.delete"
                     type="dark-bg"
                 ></redaction-circle-button>
 
@@ -115,15 +115,15 @@
                         <div *ngIf="permissionsService.isAdmin()" class="action-buttons">
                             <redaction-circle-button
                                 (action)="openAddEditAttributeDialog($event, attribute)"
+                                [tooltip]="'dossier-attributes-listing.action.edit' | translate"
                                 icon="red:edit"
-                                tooltip="dossier-attributes-listing.action.edit"
                                 type="dark-bg"
                             >
                             </redaction-circle-button>
                             <redaction-circle-button
                                 (action)="openConfirmDeleteAttributeDialog($event, attribute)"
+                                [tooltip]="'file-attributes-listing.action.delete' | translate"
                                 icon="red:trash"
-                                tooltip="file-attributes-listing.action.delete"
                                 type="dark-bg"
                             >
                             </redaction-circle-button>
diff --git a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html
index 2620741c1..1983c630a 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html
@@ -9,9 +9,9 @@
 
             <redaction-circle-button
                 *ngIf="permissionsService.isUser()"
+                [tooltip]="'common.close' | translate"
                 icon="red:close"
                 redactionNavigateLastDossiersScreen
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
@@ -35,8 +35,8 @@
                         <redaction-circle-button
                             (action)="openDeleteTemplatesDialog($event)"
                             *ngIf="permissionsService.isAdmin()"
+                            [tooltip]="'dossier-templates-listing.bulk.delete' | translate"
                             icon="red:trash"
-                            tooltip="dossier-templates-listing.bulk.delete"
                             type="dark-bg"
                         ></redaction-circle-button>
                     </ng-container>
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
index 7d11195a7..da001f604 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
@@ -7,8 +7,8 @@
 
             <redaction-circle-button
                 [routerLink]="['../..']"
+                [tooltip]="'common.close' | translate"
                 icon="red:close"
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
@@ -36,8 +36,8 @@
                 <redaction-circle-button
                     (click)="openConfirmDeleteAttributeDialog($event)"
                     *ngIf="permissionsService.isAdmin() && areSomeEntitiesSelected$ | async"
+                    [tooltip]="'file-attributes-listing.bulk-actions.delete' | translate"
                     icon="red:trash"
-                    tooltip="file-attributes-listing.bulk-actions.delete"
                     type="dark-bg"
                 >
                 </redaction-circle-button>
@@ -53,8 +53,8 @@
                     <redaction-circle-button
                         (action)="fileInput.click()"
                         *ngIf="permissionsService.isAdmin()"
+                        [tooltip]="'file-attributes-listing.upload-csv' | translate"
                         icon="red:upload"
-                        tooltip="file-attributes-listing.upload-csv"
                         tooltipPosition="above"
                         type="dark-bg"
                     ></redaction-circle-button>
@@ -155,15 +155,15 @@
                         <div *ngIf="permissionsService.isAdmin()" class="action-buttons">
                             <redaction-circle-button
                                 (action)="openAddEditAttributeDialog($event, attribute)"
+                                [tooltip]="'file-attributes-listing.action.edit' | translate"
                                 icon="red:edit"
-                                tooltip="file-attributes-listing.action.edit"
                                 type="dark-bg"
                             >
                             </redaction-circle-button>
                             <redaction-circle-button
                                 (action)="openConfirmDeleteAttributeDialog($event, attribute)"
+                                [tooltip]="'file-attributes-listing.action.delete' | translate"
                                 icon="red:trash"
-                                tooltip="file-attributes-listing.action.delete"
                                 type="dark-bg"
                             >
                             </redaction-circle-button>
diff --git a/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
index 65a6079d4..bbdd0c7ba 100644
--- a/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
@@ -11,10 +11,10 @@
                 <button (click)="sendMail()" color="primary" mat-flat-button translate="license-info-screen.email-report"></button>
                 <redaction-circle-button
                     *ngIf="permissionsService.isUser()"
+                    [tooltip]="'common.close' | translate"
                     class="ml-6"
                     icon="red:close"
                     redactionNavigateLastDossiersScreen
-                    tooltip="common.close"
                     tooltipPosition="below"
                 ></redaction-circle-button>
             </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/reports/reports-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/reports/reports-screen.component.html
index ab6ea2b2f..118929ae0 100644
--- a/apps/red-ui/src/app/modules/admin/screens/reports/reports-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/reports/reports-screen.component.html
@@ -7,8 +7,8 @@
 
             <redaction-circle-button
                 [routerLink]="['../..']"
+                [tooltip]="'common.close' | translate"
                 icon="red:close"
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
@@ -47,8 +47,8 @@
                 <redaction-circle-button
                     (action)="fileInput.click()"
                     *ngIf="permissionsService.isAdmin()"
+                    [tooltip]="'reports-screen.upload-document' | translate"
                     icon="red:upload"
-                    tooltip="reports-screen.upload-document"
                 ></redaction-circle-button>
             </div>
 
diff --git a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html
index dc97529c9..66b8b7847 100644
--- a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.html
@@ -7,8 +7,8 @@
 
             <redaction-circle-button
                 [routerLink]="['../..']"
+                [tooltip]="'common.close' | translate"
                 icon="red:close"
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html
index a7a43ce4f..c73b070cf 100644
--- a/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html
@@ -10,10 +10,10 @@
             <div class="actions">
                 <redaction-circle-button
                     *ngIf="permissionsService.isUser()"
+                    [tooltip]="'common.close' | translate"
                     class="ml-6"
                     icon="red:close"
                     redactionNavigateLastDossiersScreen
-                    tooltip="common.close"
                     tooltipPosition="below"
                 ></redaction-circle-button>
             </div>
@@ -59,9 +59,9 @@
                                 <div class="red-input-group required">
                                     <label translate="smtp-config-screen.form.host"></label>
                                     <input
+                                        [placeholder]="'smtp-config-screen.form.host-placeholder' | translate"
                                         formControlName="host"
                                         name="host"
-                                        placeholder="{{ 'smtp-config-screen.form.host-placeholder' | translate }}"
                                         type="text"
                                     />
                                 </div>
@@ -74,9 +74,9 @@
                                 <div class="red-input-group required">
                                     <label translate="smtp-config-screen.form.from"></label>
                                     <input
+                                        [placeholder]="'smtp-config-screen.form.from-placeholder' | translate"
                                         formControlName="from"
                                         name="from"
-                                        placeholder="{{ 'smtp-config-screen.form.from-placeholder' | translate }}"
                                         type="email"
                                     />
                                 </div>
@@ -84,9 +84,9 @@
                                 <div class="red-input-group">
                                     <label translate="smtp-config-screen.form.from-display-name"></label>
                                     <input
+                                        [placeholder]="'smtp-config-screen.form.from-display-name-placeholder' | translate"
                                         formControlName="fromDisplayName"
                                         name="fromDisplayName"
-                                        placeholder="{{ 'smtp-config-screen.form.from-display-name-placeholder' | translate }}"
                                         type="text"
                                     />
                                     <span class="hint" translate="smtp-config-screen.form.from-display-name-hint"></span>
@@ -95,9 +95,9 @@
                                 <div class="red-input-group">
                                     <label translate="smtp-config-screen.form.reply-to"></label>
                                     <input
+                                        [placeholder]="'smtp-config-screen.form.reply-to-placeholder' | translate"
                                         formControlName="replyTo"
                                         name="replyTo"
-                                        placeholder="{{ 'smtp-config-screen.form.reply-to-placeholder' | translate }}"
                                         type="text"
                                     />
                                 </div>
@@ -105,9 +105,9 @@
                                 <div class="red-input-group">
                                     <label translate="smtp-config-screen.form.reply-to-display-name"></label>
                                     <input
+                                        [placeholder]="'smtp-config-screen.form.reply-to-display-name-placeholder' | translate"
                                         formControlName="replyToDisplayName"
                                         name="replyToDisplayName"
-                                        placeholder="{{ 'smtp-config-screen.form.reply-to-display-name-placeholder' | translate }}"
                                         type="text"
                                     />
                                 </div>
@@ -115,9 +115,9 @@
                                 <div class="red-input-group">
                                     <label translate="smtp-config-screen.form.envelope-from"></label>
                                     <input
+                                        [placeholder]="'smtp-config-screen.form.envelope-from-placeholder' | translate"
                                         formControlName="envelopeFrom"
                                         name="envelopeFrom"
-                                        placeholder="{{ 'smtp-config-screen.form.envelope-from-placeholder' | translate }}"
                                         type="text"
                                     />
                                     <span class="hint" translate="smtp-config-screen.form.envelope-from-hint"></span>
diff --git a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
index 7f6c0fc3d..df3f6ec46 100644
--- a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
@@ -22,10 +22,10 @@
                 ></redaction-icon-button>
                 <redaction-circle-button
                     *ngIf="permissionsService.isUser()"
+                    [tooltip]="'common.close' | translate"
                     class="ml-6"
                     icon="red:close"
                     redactionNavigateLastDossiersScreen
-                    tooltip="common.close"
                     tooltipPosition="below"
                 ></redaction-circle-button>
             </div>
@@ -50,7 +50,11 @@
                         (action)="bulkDelete()"
                         *ngIf="areSomeEntitiesSelected$ | async"
                         [disabled]="(canDeleteSelected$ | async) === false"
-                        [tooltip]="(canDeleteSelected$ | async) ? 'user-listing.bulk.delete' : 'user-listing.bulk.delete-disabled'"
+                        [tooltip]="
+                            (canDeleteSelected$ | async)
+                                ? ('user-listing.bulk.delete' | translate)
+                                : ('user-listing.bulk.delete-disabled' | translate)
+                        "
                         icon="red:trash"
                         tooltipPosition="after"
                         type="dark-bg"
@@ -107,15 +111,15 @@
                             <div class="action-buttons">
                                 <redaction-circle-button
                                     (action)="openAddEditUserDialog($event, user)"
+                                    [tooltip]="'user-listing.action.edit' | translate"
                                     icon="red:edit"
-                                    tooltip="user-listing.action.edit"
                                     type="dark-bg"
                                 ></redaction-circle-button>
                                 <redaction-circle-button
                                     (action)="openDeleteUsersDialog([user], $event)"
                                     [disabled]="user.userId === userService.userId"
+                                    [tooltip]="'user-listing.action.delete' | translate"
                                     icon="red:trash"
-                                    tooltip="user-listing.action.delete"
                                     type="dark-bg"
                                 ></redaction-circle-button>
                             </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.html
index 3450226a8..40f32fa43 100644
--- a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.html
@@ -7,8 +7,8 @@
 
             <redaction-circle-button
                 [routerLink]="['../..']"
+                [tooltip]="'common.close' | translate"
                 icon="red:close"
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
@@ -77,10 +77,10 @@
                 <div class="red-input-group w-150">
                     <label class="all-caps-label mb-5" translate="watermark-screen.form.color"></label>
                     <input
+                        [placeholder]="'add-edit-dictionary.form.color-placeholder' | translate"
                         class="hex-color-input"
                         formControlName="hexColor"
                         name="hexColor"
-                        placeholder="{{ 'add-edit-dictionary.form.color-placeholder' | translate }}"
                         type="text"
                     />
                     <div
diff --git a/apps/red-ui/src/app/modules/dossier/components/annotation-actions/annotation-actions.component.html b/apps/red-ui/src/app/modules/dossier/components/annotation-actions/annotation-actions.component.html
index 87ec5e4cf..5361a4aed 100644
--- a/apps/red-ui/src/app/modules/dossier/components/annotation-actions/annotation-actions.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/annotation-actions/annotation-actions.component.html
@@ -1,101 +1,101 @@
-<div *ngIf="canPerformAnnotationActions" class="annotation-actions" [class.always-visible]="alwaysVisible">
+<div *ngIf="canPerformAnnotationActions" [class.always-visible]="alwaysVisible" class="annotation-actions">
     <redaction-circle-button
         (action)="annotationActionsService.changeLegalBasis($event, annotations, annotationsChanged)"
         *ngIf="annotationPermissions.canChangeLegalBasis"
-        icon="red:edit"
-        tooltip="annotation-actions.edit-reason.label"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.edit-reason.label' | translate"
         [type]="btnType"
+        icon="red:edit"
     >
     </redaction-circle-button>
 
     <redaction-circle-button
         (action)="annotationActionsService.convertRecommendationToAnnotation($event, annotations, annotationsChanged)"
         *ngIf="annotationPermissions.canAcceptRecommendation"
-        icon="red:check"
-        tooltip="annotation-actions.accept-recommendation.label"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.accept-recommendation.label' | translate"
         [type]="btnType"
+        icon="red:check"
     >
     </redaction-circle-button>
 
     <redaction-circle-button
         (action)="annotationActionsService.acceptSuggestion($event, annotations, annotationsChanged)"
         *ngIf="annotationPermissions.canAcceptSuggestion"
-        icon="red:check"
-        tooltip="annotation-actions.accept-suggestion.label"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.accept-suggestion.label' | translate"
         [type]="btnType"
+        icon="red:check"
     >
     </redaction-circle-button>
 
     <redaction-circle-button
         (action)="annotationActionsService.undoDirectAction($event, annotations, annotationsChanged)"
         *ngIf="annotationPermissions.canUndo"
-        icon="red:undo"
-        tooltip="annotation-actions.undo"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.undo' | translate"
         [type]="btnType"
+        icon="red:undo"
     >
     </redaction-circle-button>
 
     <redaction-circle-button
         (action)="annotationActionsService.rejectSuggestion($event, annotations, annotationsChanged)"
         *ngIf="annotationPermissions.canRejectSuggestion"
-        icon="red:trash"
-        tooltip="annotation-actions.reject-suggestion"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.reject-suggestion' | translate"
         [type]="btnType"
+        icon="red:trash"
     >
     </redaction-circle-button>
 
     <redaction-circle-button
         (action)="annotationActionsService.recategorizeImage($event, annotations, annotationsChanged)"
         *ngIf="annotationPermissions.canRecategorizeImage"
-        icon="red:thumb-down"
-        tooltip="annotation-actions.recategorize-image"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.recategorize-image' | translate"
         [type]="btnType"
+        icon="red:thumb-down"
     >
     </redaction-circle-button>
 
     <redaction-circle-button
         (action)="annotationActionsService.markAsFalsePositive($event, annotations, annotationsChanged)"
         *ngIf="annotationPermissions.canMarkTextOnlyAsFalsePositive && !annotationPermissions.canPerformMultipleRemoveActions"
-        icon="red:thumb-down"
-        tooltip="annotation-actions.remove-annotation.false-positive"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.remove-annotation.false-positive' | translate"
         [type]="btnType"
+        icon="red:thumb-down"
     >
     </redaction-circle-button>
 
     <redaction-circle-button
         (action)="annotationActionsService.forceRedaction($event, annotations, annotationsChanged)"
         *ngIf="annotationPermissions.canForceRedaction"
-        icon="red:thumb-up"
-        tooltip="annotation-actions.force-redaction.label"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.force-redaction.label' | translate"
         [type]="btnType"
+        icon="red:thumb-up"
     >
     </redaction-circle-button>
 
     <redaction-circle-button
         (action)="hideAnnotation($event)"
         *ngIf="isImage && isVisible"
-        icon="red:visibility-off"
-        tooltip="annotation-actions.hide"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.hide' | translate"
         [type]="btnType"
+        icon="red:visibility-off"
     >
     </redaction-circle-button>
 
     <redaction-circle-button
         (action)="showAnnotation($event)"
         *ngIf="isImage && !isVisible"
-        icon="red:visibility"
-        tooltip="annotation-actions.show"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.show' | translate"
         [type]="btnType"
+        icon="red:visibility"
     >
     </redaction-circle-button>
 
@@ -103,9 +103,9 @@
         (action)="suggestRemoveAnnotations($event, true)"
         *ngIf="annotationPermissions.canRemoveOrSuggestToRemoveFromDictionary"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.remove-annotation.remove-from-dict' | translate"
         [type]="btnType"
         icon="red:remove-from-dict"
-        tooltip="annotation-actions.remove-annotation.remove-from-dict"
     >
     </redaction-circle-button>
 
@@ -113,9 +113,9 @@
         (action)="markAsFalsePositive($event)"
         *ngIf="annotationPermissions.canMarkAsFalsePositive"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.remove-annotation.false-positive' | translate"
         [type]="btnType"
         icon="red:thumb-down"
-        tooltip="annotation-actions.remove-annotation.false-positive"
     >
     </redaction-circle-button>
 
@@ -123,9 +123,9 @@
         (action)="suggestRemoveAnnotations($event, false)"
         *ngIf="annotationPermissions.canRemoveOrSuggestToRemoveOnlyHere"
         [tooltipPosition]="tooltipPosition"
+        [tooltip]="'annotation-actions.remove-annotation.only-here' | translate"
         [type]="btnType"
         icon="red:trash"
-        tooltip="annotation-actions.remove-annotation.only-here"
     >
     </redaction-circle-button>
 </div>
diff --git a/apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.html b/apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.html
index 4b2b05229..9c41e2e5d 100644
--- a/apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.html
@@ -2,8 +2,8 @@
     <redaction-circle-button
         (action)="delete()"
         *ngIf="canDelete"
+        [tooltip]="'dossier-overview.bulk.delete' | translate"
         icon="red:trash"
-        tooltip="dossier-overview.bulk.delete"
         type="dark-bg"
     ></redaction-circle-button>
 
@@ -18,8 +18,8 @@
     <redaction-circle-button
         (action)="assignToMe()"
         *ngIf="canAssignToSelf"
+        [tooltip]="'dossier-overview.assign-me' | translate"
         icon="red:assign-me"
-        tooltip="dossier-overview.assign-me"
         type="dark-bg"
     >
     </redaction-circle-button>
@@ -27,8 +27,8 @@
     <redaction-circle-button
         (action)="setToUnderApproval()"
         *ngIf="canSetToUnderApproval"
+        [tooltip]="'dossier-overview.under-approval' | translate"
         icon="red:ready-for-approval"
-        tooltip="dossier-overview.under-approval"
         type="dark-bg"
     >
     </redaction-circle-button>
@@ -36,8 +36,8 @@
     <redaction-circle-button
         (action)="setToUnderReview()"
         *ngIf="canSetToUnderReview"
+        [tooltip]="'dossier-overview.under-review' | translate"
         icon="red:undo"
-        tooltip="dossier-overview.under-review"
         type="dark-bg"
     >
     </redaction-circle-button>
@@ -49,7 +49,7 @@
         (action)="approveDocuments()"
         *ngIf="isReadyForApproval"
         [disabled]="!canApprove"
-        [tooltip]="canApprove ? 'dossier-overview.approve' : 'dossier-overview.approve-disabled'"
+        [tooltip]="canApprove ? ('dossier-overview.approve' | translate) : ('dossier-overview.approve-disabled' | translate)"
         icon="red:approved"
         type="dark-bg"
     >
@@ -59,8 +59,8 @@
     <redaction-circle-button
         (action)="setToUnderApproval()"
         *ngIf="canUndoApproval"
+        [tooltip]="'dossier-overview.under-approval' | translate"
         icon="red:undo"
-        tooltip="dossier-overview.under-approval"
         type="dark-bg"
     >
     </redaction-circle-button>
@@ -68,16 +68,16 @@
     <redaction-circle-button
         (action)="ocr()"
         *ngIf="canOcr"
+        [tooltip]="'dossier-overview.ocr-file' | translate"
         icon="red:ocr"
-        tooltip="dossier-overview.ocr-file"
         type="dark-bg"
     ></redaction-circle-button>
 
     <redaction-circle-button
         (action)="reanalyse()"
         *ngIf="canReanalyse"
+        [tooltip]="'dossier-overview.bulk.reanalyse' | translate"
         icon="red:refresh"
-        tooltip="dossier-overview.bulk.reanalyse"
         type="dark-bg"
     ></redaction-circle-button>
 </ng-container>
diff --git a/apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.ts b/apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.ts
index 47f2dfe2b..02053f8dd 100644
--- a/apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/components/bulk-actions/dossier-overview-bulk-actions.component.ts
@@ -10,6 +10,7 @@ import { StatusOverlayService } from '@upload-download/services/status-overlay.s
 import { DossiersDialogService } from '../../services/dossiers-dialog.service';
 import { LoadingService } from '@services/loading.service';
 import { ConfirmationDialogInput } from '@shared/dialogs/confirmation-dialog/confirmation-dialog.component';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
     selector: 'redaction-dossier-overview-bulk-actions',
@@ -32,7 +33,8 @@ export class DossierOverviewBulkActionsComponent {
         private readonly _fileActionService: FileActionService,
         private readonly _statusOverlayService: StatusOverlayService,
         private readonly _changeDetectorRef: ChangeDetectorRef,
-        private readonly _loadingService: LoadingService
+        private readonly _loadingService: LoadingService,
+        private readonly _translateService: TranslateService
     ) {}
 
     get dossier() {
@@ -125,7 +127,9 @@ export class DossierOverviewBulkActionsComponent {
 
     get assignTooltip() {
         const allFilesAreUnderApproval = this.selectedFiles.reduce((acc, file) => acc && file.isUnderApproval, true);
-        return allFilesAreUnderApproval ? 'dossier-overview.assign-approver' : 'dossier-overview.assign-reviewer';
+        return allFilesAreUnderApproval
+            ? this._translateService.instant('dossier-overview.assign-approver')
+            : this._translateService.instant('dossier-overview.assign-reviewer');
     }
 
     delete() {
diff --git a/apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.html b/apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.html
index 0558d76b6..bd02b1ad1 100644
--- a/apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.html
@@ -2,14 +2,14 @@
     <div>
         <redaction-circle-button
             (action)="edit()"
+            [tooltip]="'file-preview.tabs.document-info.edit' | translate"
             icon="red:edit"
-            tooltip="file-preview.tabs.document-info.edit"
             tooltipPosition="before"
         ></redaction-circle-button>
         <redaction-circle-button
             (action)="closeDocumentInfoView.emit()"
+            [tooltip]="'file-preview.tabs.document-info.close' | translate"
             icon="red:close"
-            tooltip="file-preview.tabs.document-info.close"
             tooltipPosition="before"
         ></redaction-circle-button>
     </div>
diff --git a/apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.html b/apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.html
index da86fc640..62a7c0101 100644
--- a/apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.html
@@ -1,12 +1,16 @@
 <ng-container *ngIf="appStateService.activeDossier">
     <div class="collapsed-wrapper">
-        <ng-container *ngTemplateOutlet="collapsible; context: { action: 'expand' }"></ng-container>
+        <ng-container
+            *ngTemplateOutlet="collapsible; context: { action: 'expand', tooltip: 'dossier-details.expand' | translate }"
+        ></ng-container>
         <div class="all-caps-label" translate="dossier-details.title"></div>
     </div>
 
     <div class="header-wrapper mt-8">
         <div class="heading-xl flex-1">{{ appStateService.activeDossier.dossier.dossierName }}</div>
-        <ng-container *ngTemplateOutlet="collapsible; context: { action: 'collapse' }"></ng-container>
+        <ng-container
+            *ngTemplateOutlet="collapsible; context: { action: 'collapse', tooltip: 'dossier-details.collapse' | translate }"
+        ></ng-container>
     </div>
 
     <div class="mt-24">
@@ -18,9 +22,9 @@
                 <redaction-circle-button
                     (action)="editingOwner = true"
                     *ngIf="permissionsService.isManager()"
+                    [tooltip]="'dossier-details.edit-owner' | translate"
                     class="ml-14"
                     icon="red:edit"
-                    tooltip="dossier-details.edit-owner"
                     tooltipPosition="below"
                 ></redaction-circle-button>
             </ng-container>
@@ -80,11 +84,11 @@
     ></redaction-assign-user-dropdown>
 </ng-template>
 
-<ng-template #collapsible let-action="action">
+<ng-template #collapsible let-action="action" let-tooltip="tooltip">
     <redaction-circle-button
         (action)="toggleCollapse.emit()"
-        icon="{{ 'red:' + action }}"
-        tooltip="{{ 'dossier-details.' + action }}"
+        [icon]="'red:' + action"
+        [tooltip]="tooltip"
         tooltipPosition="before"
     ></redaction-circle-button>
 </ng-template>
diff --git a/apps/red-ui/src/app/modules/dossier/components/dossier-listing-actions/dossier-listing-actions.component.html b/apps/red-ui/src/app/modules/dossier/components/dossier-listing-actions/dossier-listing-actions.component.html
index 382643c84..b78c711d0 100644
--- a/apps/red-ui/src/app/modules/dossier/components/dossier-listing-actions/dossier-listing-actions.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/dossier-listing-actions/dossier-listing-actions.component.html
@@ -3,16 +3,16 @@
     <redaction-circle-button
         (action)="openEditDossierDialog($event, dossier)"
         *ngIf="permissionsService.isManager()"
+        [tooltip]="'dossier-listing.edit.action' | translate"
         icon="red:edit"
-        tooltip="dossier-listing.edit.action"
         type="dark-bg"
     ></redaction-circle-button>
 
     <redaction-circle-button
         (action)="reanalyseDossier($event, dossier)"
         *ngIf="permissionsService.displayReanalyseBtn(dossier)"
+        [tooltip]="'dossier-listing.reanalyse.action' | translate"
         icon="red:refresh"
-        tooltip="dossier-listing.reanalyse.action"
         type="dark-bg"
     ></redaction-circle-button>
 
diff --git a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
index 0f339b53a..888a9b680 100644
--- a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html
@@ -14,9 +14,9 @@
             (action)="openDeleteFileDialog($event)"
             *ngIf="permissionsService.canDeleteFile(fileStatus)"
             [tooltipPosition]="tooltipPosition"
+            [tooltip]="'dossier-overview.delete.action' | translate"
             [type]="buttonType"
             icon="red:trash"
-            tooltip="dossier-overview.delete.action"
         ></redaction-circle-button>
 
         <redaction-circle-button
@@ -32,9 +32,9 @@
             (action)="assignToMe($event)"
             *ngIf="canAssignToSelf && screen === 'dossier-overview'"
             [tooltipPosition]="tooltipPosition"
+            [tooltip]="'dossier-overview.assign-me' | translate"
             [type]="buttonType"
             icon="red:assign-me"
-            tooltip="dossier-overview.assign-me"
         ></redaction-circle-button>
 
         <!-- download redacted file-->
@@ -50,8 +50,8 @@
             (action)="toggleViewDocumentInfo()"
             *ngIf="screen === 'file-preview'"
             [attr.aria-expanded]="activeDocumentInfo"
+            [tooltip]="'file-preview.document-info' | translate"
             icon="red:status-info"
-            tooltip="file-preview.document-info"
             tooltipPosition="below"
         ></redaction-circle-button>
 
@@ -60,8 +60,8 @@
             *ngIf="screen === 'file-preview'"
             [attr.aria-expanded]="activeExcludePages"
             [showDot]="!!fileStatus.excludedPages?.length"
+            [tooltip]="'file-preview.exclude-pages' | translate"
             icon="red:exclude-pages"
-            tooltip="file-preview.exclude-pages"
             tooltipPosition="below"
         ></redaction-circle-button>
 
@@ -70,9 +70,9 @@
             (action)="setFileUnderApproval($event)"
             *ngIf="canSetToUnderApproval"
             [tooltipPosition]="tooltipPosition"
+            [tooltip]="'dossier-overview.under-approval' | translate"
             [type]="buttonType"
             icon="red:ready-for-approval"
-            tooltip="dossier-overview.under-approval"
         ></redaction-circle-button>
 
         <!-- Back to review -->
@@ -80,9 +80,9 @@
             (action)="setFileUnderReview($event, true)"
             *ngIf="canSetToUnderReview"
             [tooltipPosition]="tooltipPosition"
+            [tooltip]="'dossier-overview.under-review' | translate"
             [type]="buttonType"
             icon="red:undo"
-            tooltip="dossier-overview.under-review"
         ></redaction-circle-button>
 
         <!-- Approved-->
@@ -91,7 +91,11 @@
             *ngIf="permissionsService.isReadyForApproval(fileStatus)"
             [disabled]="!permissionsService.canApprove(fileStatus)"
             [tooltipPosition]="tooltipPosition"
-            [tooltip]="permissionsService.canApprove(fileStatus) ? 'dossier-overview.approve' : 'dossier-overview.approve-disabled'"
+            [tooltip]="
+                permissionsService.canApprove(fileStatus)
+                    ? ('dossier-overview.approve' | translate)
+                    : ('dossier-overview.approve-disabled' | translate)
+            "
             [type]="buttonType"
             icon="red:approved"
         ></redaction-circle-button>
@@ -101,26 +105,26 @@
             (action)="setFileUnderApproval($event)"
             *ngIf="canUndoApproval"
             [tooltipPosition]="tooltipPosition"
+            [tooltip]="'dossier-overview.under-approval' | translate"
             [type]="buttonType"
             icon="red:undo"
-            tooltip="dossier-overview.under-approval"
         ></redaction-circle-button>
 
         <redaction-circle-button
             (action)="ocrFile($event)"
             *ngIf="canOcr"
             [tooltipPosition]="tooltipPosition"
+            [tooltip]="'dossier-overview.ocr-file' | translate"
             [type]="buttonType"
             icon="red:ocr"
-            tooltip="dossier-overview.ocr-file"
         ></redaction-circle-button>
 
         <!-- reanalyse file preview -->
         <redaction-circle-button
             (action)="reanalyseFile($event)"
             *ngIf="canReanalyse && screen === 'file-preview'"
+            [tooltip]="'file-preview.reanalyse-notification' | translate"
             icon="red:refresh"
-            tooltip="file-preview.reanalyse-notification"
             tooltipClass="warn small"
             tooltipPosition="below"
             type="warn"
@@ -131,8 +135,8 @@
             (action)="reanalyseFile($event)"
             *ngIf="canReanalyse && screen === 'dossier-overview'"
             [tooltipPosition]="tooltipPosition"
+            [tooltip]="'dossier-overview.reanalyse.action' | translate"
             icon="red:refresh"
-            tooltip="dossier-overview.reanalyse.action"
             type="dark-bg"
         ></redaction-circle-button>
 
diff --git a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
index b5820b64e..f988ce319 100644
--- a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.ts
@@ -7,6 +7,7 @@ import { DossiersDialogService } from '../../services/dossiers-dialog.service';
 import { ConfirmationDialogInput } from '@shared/dialogs/confirmation-dialog/confirmation-dialog.component';
 import { LoadingService } from '@services/loading.service';
 import { FileManagementControllerService } from '@redaction/red-ui-http';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
     selector: 'redaction-file-actions',
@@ -28,7 +29,8 @@ export class FileActionsComponent implements OnInit {
         private readonly _dialogService: DossiersDialogService,
         private readonly _fileActionService: FileActionService,
         private readonly _loadingService: LoadingService,
-        private readonly _fileManagementControllerService: FileManagementControllerService
+        private readonly _fileManagementControllerService: FileManagementControllerService,
+        private readonly _translateService: TranslateService
     ) {}
 
     get statusBarConfig() {
@@ -84,7 +86,9 @@ export class FileActionsComponent implements OnInit {
     }
 
     get assignTooltip() {
-        return this.fileStatus.isUnderApproval ? 'dossier-overview.assign-approver' : 'dossier-overview.assign-reviewer';
+        return this.fileStatus.isUnderApproval
+            ? this._translateService.instant('dossier-overview.assign-approver')
+            : this._translateService.instant('dossier-overview.assign-reviewer');
     }
 
     ngOnInit(): void {
diff --git a/apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.html b/apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.html
index 396cd8b6d..3432287b6 100644
--- a/apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.html
@@ -20,8 +20,8 @@
     <div>
         <redaction-circle-button
             (action)="actionPerformed.emit('view-exclude-pages')"
+            [tooltip]="'file-preview.tabs.exclude-pages.close' | translate"
             icon="red:close"
-            tooltip="file-preview.tabs.exclude-pages.close"
             tooltipPosition="before"
         ></redaction-circle-button>
     </div>
@@ -99,7 +99,7 @@
 
         <div style="overflow: hidden; width: 100%">
             <ng-container *ngIf="!excludePages">
-                <div attr.anotation-page-header="{{ activeViewerPage }}" class="page-separator">
+                <div [attr.anotation-page-header]="activeViewerPage" class="page-separator">
                     <span *ngIf="!!activeViewerPage" class="all-caps-label">
                         <span translate="page"></span> {{ activeViewerPage }} -
                         {{ activeAnnotationsLength || 0 }}
@@ -165,10 +165,10 @@
                     <div
                         (click)="annotationClicked(annotation, $event)"
                         *ngFor="let annotation of displayedAnnotations[activeViewerPage]?.annotations"
+                        [attr.annotation-id]="annotation.id"
+                        [attr.annotation-page]="activeViewerPage"
                         [class.active]="isSelected(annotation)"
                         [class.multi-select-active]="multiSelectActive"
-                        attr.annotation-id="{{ annotation.id }}"
-                        attr.annotation-page="{{ activeViewerPage }}"
                         class="annotation-wrapper"
                     >
                         <div class="active-bar-marker"></div>
diff --git a/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html b/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html
index 771164b19..8e3605d22 100644
--- a/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html
@@ -20,12 +20,12 @@
         <ng-container *ngIf="range.startPage === range.endPage">
             {{ range.startPage }}
         </ng-container>
-        <ng-container *ngIf="range.startPage !== range.endPage"> {{ range.startPage }}-{{ range.endPage }} </ng-container>
+        <ng-container *ngIf="range.startPage !== range.endPage"> {{ range.startPage }} -{{ range.endPage }} </ng-container>
         <redaction-circle-button
             (action)="includePagesRange(range)"
             *ngIf="permissionsService.canExcludePages()"
+            [tooltip]="'file-preview.tabs.exclude-pages.put-back' | translate"
             icon="red:undo"
-            tooltip="file-preview.tabs.exclude-pages.put-back"
         ></redaction-circle-button>
     </div>
 </div>
diff --git a/apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.html b/apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.html
index 08774a997..026b87721 100644
--- a/apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.html
@@ -19,9 +19,9 @@
         *ngIf="permissionsService.isManager() && canAdd"
         [class.large-spacing]="largeSpacing"
         [size]="32"
+        [tooltip]="'dossier-details.assign-members' | translate"
         class="member"
         icon="red:plus"
-        tooltip="dossier-details.assign-members"
         type="primary"
     >
     </redaction-circle-button>
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html
index 4ae754bea..ded16d096 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html
@@ -74,14 +74,14 @@
             <div *ngIf="currentAttrValue(attr) && canEdit">
                 <redaction-circle-button
                     (action)="deleteAttr(attr)"
+                    [tooltip]="'edit-dossier-dialog.attributes.delete-image' | translate"
                     icon="red:trash"
-                    tooltip="edit-dossier-dialog.attributes.delete-image"
                     type="dark-bg"
                 ></redaction-circle-button>
                 <redaction-circle-button
                     (action)="fileInputClick(attr)"
+                    [tooltip]="'edit-dossier-dialog.attributes.upload-image' | translate"
                     icon="red:upload"
-                    tooltip="edit-dossier-dialog.attributes.upload-image"
                     type="dark-bg"
                 ></redaction-circle-button>
             </div>
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
index f00f3a050..91535d836 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
@@ -32,7 +32,7 @@
         <div *ngIf="viewReady" class="flex-1 actions-container">
             <ng-container *ngIf="!appStateService.activeFile.isExcluded">
                 <ng-container *ngIf="!appStateService.activeFile.isProcessing">
-                    <redaction-status-bar [config]="statusBarConfig" [small]="true"> </redaction-status-bar>
+                    <redaction-status-bar [config]="statusBarConfig" [small]="true"></redaction-status-bar>
 
                     <div class="all-caps-label mr-16 ml-8">
                         {{ status | translate }}
@@ -74,8 +74,8 @@
                 <redaction-circle-button
                     (action)="assignToMe()"
                     *ngIf="permissionsService.canAssignToSelf()"
+                    [tooltip]="'file-preview.assign-me' | translate"
                     icon="red:assign-me"
-                    tooltip="file-preview.assign-me"
                     tooltipPosition="below"
                 ></redaction-circle-button>
             </div>
@@ -97,8 +97,8 @@
             <redaction-circle-button
                 (action)="toggleFullScreen()"
                 [icon]="fullScreen ? 'red:exit-fullscreen' : 'red:fullscreen'"
+                [tooltip]="'file-preview.fullscreen' | translate"
                 class="ml-2"
-                tooltip="file-preview.fullscreen"
                 tooltipPosition="below"
             ></redaction-circle-button>
 
@@ -106,9 +106,9 @@
             <redaction-circle-button
                 (action)="downloadOriginalFile()"
                 *ngIf="userPreferenceService.areDevFeaturesEnabled"
+                [tooltip]="'file-preview.download-original-file' | translate"
                 class="ml-8"
                 icon="red:download"
-                tooltip="file-preview.download-original-file"
                 tooltipPosition="below"
                 type="primary"
             ></redaction-circle-button>
@@ -118,9 +118,9 @@
                 (action)="closeFullScreen()"
                 *ngIf="!fullScreen"
                 [routerLink]="['/main/dossiers/' + appStateService.activeDossierId]"
+                [tooltip]="'common.close' | translate"
                 class="ml-8"
                 icon="red:close"
-                tooltip="common.close"
                 tooltipPosition="below"
             ></redaction-circle-button>
         </div>
@@ -177,17 +177,17 @@
                 [dialogRef]="dialogRef"
                 [excludePages]="excludePages"
                 [fileData]="fileData"
-                [viewer]="activeViewer"
                 [hideSkipped]="hideSkipped"
                 [primaryFilters]="primaryFilters"
                 [secondaryFilters]="secondaryFilters"
                 [selectedAnnotations]="selectedAnnotations"
+                [viewer]="activeViewer"
             ></redaction-file-workload>
         </div>
     </div>
 </section>
 
-<redaction-full-page-loading-indicator [displayed]="!viewReady"> </redaction-full-page-loading-indicator>
+<redaction-full-page-loading-indicator [displayed]="!viewReady"></redaction-full-page-loading-indicator>
 
 <ng-template #annotationActionsTemplate let-annotation="annotation">
     <redaction-annotation-actions
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
index 7dcf7a362..6c08ed19e 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.ts
@@ -106,7 +106,9 @@ export class FilePreviewScreenComponent implements OnInit, OnDestroy, OnAttach,
     }
 
     get assignTooltip(): string {
-        return this.appStateService.activeFile.isUnderApproval ? 'dossier-overview.assign-approver' : this.assignOrChangeReviewerTooltip;
+        return this.appStateService.activeFile.isUnderApproval
+            ? this._translateService.instant('dossier-overview.assign-approver')
+            : this.assignOrChangeReviewerTooltip;
     }
 
     get annotations(): AnnotationWrapper[] {
@@ -158,7 +160,9 @@ export class FilePreviewScreenComponent implements OnInit, OnDestroy, OnAttach,
     }
 
     get assignOrChangeReviewerTooltip() {
-        return this.currentReviewer ? 'file-preview.change-reviewer' : 'file-preview.assign-reviewer';
+        return this.currentReviewer
+            ? this._translateService.instant('file-preview.change-reviewer')
+            : this._translateService.instant('file-preview.assign-reviewer');
     }
 
     get currentReviewer(): string {
diff --git a/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.html b/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.html
index 59576c117..ee83a886d 100644
--- a/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.html
@@ -11,17 +11,17 @@
     </div>
 
     <redaction-circle-button
-        class="pl-1"
         (action)="save.emit(value)"
+        [tooltip]="'assign-user.save' | translate"
+        class="pl-1"
         icon="red:check"
-        tooltip="assign-user.save"
         tooltipPosition="below"
     ></redaction-circle-button>
 
     <redaction-circle-button
         (action)="value = oldUser; cancel.emit()"
+        [tooltip]="'assign-user.cancel' | translate"
         icon="red:close"
-        tooltip="assign-user.cancel"
         tooltipPosition="below"
     ></redaction-circle-button>
 </div>
diff --git a/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html b/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html
index f16c8ed14..84679d1c8 100644
--- a/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.html
@@ -1,4 +1,4 @@
-<div [matTooltipClass]="tooltipClass" [matTooltipPosition]="tooltipPosition" [matTooltip]="tooltip | translate">
+<div [matTooltipClass]="tooltipClass" [matTooltipPosition]="tooltipPosition" [matTooltip]="tooltip">
     <button
         (click)="performAction($event)"
         [class.dark-bg]="type === 'dark-bg'"
diff --git a/apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.html b/apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.html
index 0d84b4cb0..70bb58548 100644
--- a/apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.html
@@ -3,7 +3,7 @@
     [disabled]="disabled || !canDownloadFiles"
     [tooltipClass]="tooltipClass"
     [tooltipPosition]="tooltipPosition"
-    [tooltip]="canDownloadFiles ? 'dossier-overview.download-file' : 'dossier-overview.download-file-disabled'"
+    [tooltip]="tooltip"
     [type]="type"
     icon="red:download"
 ></redaction-circle-button>
diff --git a/apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.ts b/apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.ts
index 3233c7e4e..dde07ed4c 100644
--- a/apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.ts
+++ b/apps/red-ui/src/app/modules/shared/components/buttons/file-download-btn/file-download-btn.component.ts
@@ -39,6 +39,12 @@ export class FileDownloadBtnComponent {
         return this.file.length > 0 && this.file.reduce((acc, file) => acc && this._permissionsService.canDownloadFiles(file), true);
     }
 
+    get tooltip() {
+        return this.canDownloadFiles
+            ? this._translateService.instant('dossier-overview.download-file')
+            : this._translateService.instant('dossier-overview.download-file-disabled');
+    }
+
     downloadFiles($event: MouseEvent) {
         $event.stopPropagation();
         this._fileDownloadService.downloadFiles(Array.isArray(this.file) ? this.file : [this.file], this.dossier).subscribe(() => {
diff --git a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
index dc8f066b1..3f45bd76a 100644
--- a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
@@ -6,7 +6,7 @@
                 (keyup)="searchChanged(searchText)"
                 [(ngModel)]="searchText"
                 [class.with-matches]="searchText.length > 0"
-                placeholder="{{ 'dictionary-overview.search' | translate }}"
+                [placeholder]="'dictionary-overview.search' | translate"
                 type="text"
             />
 
diff --git a/apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html b/apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html
index 5d1f7d036..009356fc0 100644
--- a/apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html
@@ -57,9 +57,9 @@
         <redaction-circle-button
             *ngIf="showCloseButton && permissionsService.isUser()"
             [class.ml-6]="actionConfigs"
+            [tooltip]="'common.close' | translate"
             icon="red:close"
             redactionNavigateLastDossiersScreen
-            tooltip="common.close"
             tooltipPosition="below"
         ></redaction-circle-button>
     </div>
diff --git a/apps/red-ui/src/app/modules/shared/components/simple-doughnut-chart/simple-doughnut-chart.component.html b/apps/red-ui/src/app/modules/shared/components/simple-doughnut-chart/simple-doughnut-chart.component.html
index 31ec0b241..a35236909 100644
--- a/apps/red-ui/src/app/modules/shared/components/simple-doughnut-chart/simple-doughnut-chart.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/simple-doughnut-chart/simple-doughnut-chart.component.html
@@ -1,23 +1,17 @@
 <div [class]="'container flex ' + direction">
-    <svg
-        [style.min-width]="size"
-        attr.height="{{ size }}"
-        attr.viewBox="0 0 {{ size }} {{ size }}"
-        attr.width="{{ size }}"
-        class="donut-chart"
-    >
+    <svg [attr.height]="size" [attr.width]="size" [style.min-width]="size" attr.viewBox="0 0 {{ size }} {{ size }}" class="donut-chart">
         <g *ngFor="let value of config; let i = index">
             <circle
                 *ngIf="exists(i)"
+                [attr.cx]="cx"
+                [attr.cy]="cy"
+                [attr.r]="radius"
+                [attr.stroke-dasharray]="circumference"
+                [attr.stroke-dashoffset]="calculateStrokeDashOffset(value.value)"
+                [attr.stroke-width]="strokeWidth"
                 [attr.stroke]="value.color.includes('#') ? value.color : ''"
+                [attr.transform]="returnCircleTransformValue(i)"
                 [class]="value.color"
-                attr.cx="{{ cx }}"
-                attr.cy="{{ cy }}"
-                attr.r="{{ radius }}"
-                attr.stroke-dasharray="{{ circumference }}"
-                attr.stroke-dashoffset="{{ calculateStrokeDashOffset(value.value) }}"
-                attr.stroke-width="{{ strokeWidth }}"
-                attr.transform="{{ returnCircleTransformValue(i) }}"
                 fill="transparent"
             />
         </g>
diff --git a/apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.html b/apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.html
index a4ecde75f..18ed6f268 100644
--- a/apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.html
+++ b/apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.html
@@ -42,15 +42,15 @@
                     <redaction-circle-button
                         (action)="uploadItem(model)"
                         *ngIf="model.error && !model.sizeError"
+                        [tooltip]="'upload-status.dialog.actions.re-upload' | translate"
                         icon="red:refresh"
-                        tooltip="upload-status.dialog.actions.re-upload"
                         tooltipPosition="before"
                         type="dark-bg"
                     ></redaction-circle-button>
                     <redaction-circle-button
                         (action)="cancelItem(model)"
+                        [tooltip]="'upload-status.dialog.actions.cancel' | translate"
                         icon="red:close"
-                        tooltip="upload-status.dialog.actions.cancel"
                         tooltipPosition="before"
                         type="dark-bg"
                     ></redaction-circle-button>