diff --git a/src-ui/src/app/components/document-list/document-list.component.html b/src-ui/src/app/components/document-list/document-list.component.html
index 888639b5e..1f58846b8 100644
--- a/src-ui/src/app/components/document-list/document-list.component.html
+++ b/src-ui/src/app/components/document-list/document-list.component.html
@@ -91,7 +91,8 @@
 </div>
 
 <div class="d-flex justify-content-between align-items-center">
-  <p><span *ngIf="list.selected.size > 0">Selected {{list.selected.size}} of </span>{{list.collectionSize || 0}} document(s) <span *ngIf="isFiltered">(filtered)</span></p>
+  <p i18n *ngIf="list.selected.size > 0">Selected {{list.selected.size}} of {{list.collectionSize || 0}} {list.collectionSize, plural, =1 {document} other {documents}}</p>
+  <p i18n *ngIf="list.selected.size == 0">{{list.collectionSize || 0}} {list.collectionSize, plural, =1 {document} other {documents}}</p>
   <ngb-pagination [pageSize]="list.currentPageSize" [collectionSize]="list.collectionSize" [(page)]="list.currentPage" [maxSize]="5"
   [rotate]="true" (pageChange)="list.reload()" aria-label="Default pagination"></ngb-pagination>
 </div>
diff --git a/src-ui/src/app/components/search/search.component.html b/src-ui/src/app/components/search/search.component.html
index ba2253401..7047a3144 100644
--- a/src-ui/src/app/components/search/search.component.html
+++ b/src-ui/src/app/components/search/search.component.html
@@ -3,21 +3,19 @@
 
 <div *ngIf="errorMessage" class="alert alert-danger" i18n>Invalid search query: {{errorMessage}}</div>
 
-<p *ngIf="more_like">
-    Showing documents similar to
-    <a routerLink="/documents/{{more_like}}">{{more_like_doc?.original_file_name}}</a>
+<p *ngIf="more_like" i18n>
+    Showing documents similar to <a routerLink="/documents/{{more_like}}">{{more_like_doc?.original_file_name}}</a>
 </p>
 
 <p *ngIf="query">
-    Search string: <i>{{query}}</i>
+    <ng-container i18n>Search query: <i>{{query}}</i></ng-container>
     <ng-container *ngIf="correctedQuery">
-        - Did you mean "<a [routerLink]="" (click)="searchCorrectedQuery()">{{correctedQuery}}</a>"?
+        - <ng-container i18n>Did you mean "<a [routerLink]="" (click)="searchCorrectedQuery()">{{correctedQuery}}</a>"?</ng-container>
     </ng-container>
-
 </p>
 
 <div *ngIf="!errorMessage" [class.result-content-searching]="searching" infiniteScroll (scrolled)="onScroll()">
-    <p>{{resultCount}} result(s)</p>
+    <p i18n>{resultCount, plural, =0 {No results} =1 {One result} other {{{resultCount}} results}}</p>
     <app-document-card-large *ngFor="let result of results"
         [document]="result.document"
         [details]="result.highlights"
diff --git a/src-ui/src/app/data/paperless-tag.ts b/src-ui/src/app/data/paperless-tag.ts
index 979a200a8..b13653e91 100644
--- a/src-ui/src/app/data/paperless-tag.ts
+++ b/src-ui/src/app/data/paperless-tag.ts
@@ -3,19 +3,19 @@ import { ObjectWithId } from './object-with-id';
 
 
 export const TAG_COLOURS = [
-    {id: 1, value: "#a6cee3", name: "Light Blue", textColor: "#000000"},
-    {id: 2, value: "#1f78b4", name: "Blue", textColor: "#ffffff"},
-    {id: 3, value: "#b2df8a", name: "Light Green", textColor: "#000000"},
-    {id: 4, value: "#33a02c", name: "Green", textColor: "#ffffff"},
-    {id: 5, value: "#fb9a99", name: "Light Red", textColor: "#000000"},
-    {id: 6, value: "#e31a1c", name: "Red ", textColor: "#ffffff"},
-    {id: 7, value: "#fdbf6f", name: "Light Orange", textColor: "#000000"},
-    {id: 8, value: "#ff7f00", name: "Orange", textColor: "#000000"},
-    {id: 9, value: "#cab2d6", name: "Light Violet", textColor: "#000000"},
-    {id: 10, value: "#6a3d9a", name: "Violet", textColor: "#ffffff"},
-    {id: 11, value: "#b15928", name: "Brown", textColor: "#ffffff"},
-    {id: 12, value: "#000000", name: "Black", textColor: "#ffffff"},
-    {id: 13, value: "#cccccc", name: "Light Grey", textColor: "#000000"}
+    {id: 1, value: "#a6cee3", name: $localize`Light blue`, textColor: "#000000"},
+    {id: 2, value: "#1f78b4", name: $localize`Blue`, textColor: "#ffffff"},
+    {id: 3, value: "#b2df8a", name: $localize`Light green`, textColor: "#000000"},
+    {id: 4, value: "#33a02c", name: $localize`Green`, textColor: "#ffffff"},
+    {id: 5, value: "#fb9a99", name: $localize`Light red`, textColor: "#000000"},
+    {id: 6, value: "#e31a1c", name: $localize`Red `, textColor: "#ffffff"},
+    {id: 7, value: "#fdbf6f", name: $localize`Light orange`, textColor: "#000000"},
+    {id: 8, value: "#ff7f00", name: $localize`Orange`, textColor: "#000000"},
+    {id: 9, value: "#cab2d6", name: $localize`Light violet`, textColor: "#000000"},
+    {id: 10, value: "#6a3d9a", name: $localize`Violet`, textColor: "#ffffff"},
+    {id: 11, value: "#b15928", name: $localize`Brown`, textColor: "#ffffff"},
+    {id: 12, value: "#000000", name: $localize`Black`, textColor: "#ffffff"},
+    {id: 13, value: "#cccccc", name: $localize`Light grey`, textColor: "#000000"}
 ]
 
 export interface PaperlessTag extends MatchingModel {
diff --git a/src-ui/src/app/pipes/document-title.pipe.ts b/src-ui/src/app/pipes/document-title.pipe.ts
index 621562d39..60a552ca8 100644
--- a/src-ui/src/app/pipes/document-title.pipe.ts
+++ b/src-ui/src/app/pipes/document-title.pipe.ts
@@ -9,7 +9,7 @@ export class DocumentTitlePipe implements PipeTransform {
     if (value) {
       return value
     } else {
-      return "(no title)"
+      return $localize`(no title)`
     }
   }
 
diff --git a/src-ui/src/app/pipes/yes-no.pipe.ts b/src-ui/src/app/pipes/yes-no.pipe.ts
index 9a4ed56ef..f12c844a5 100644
--- a/src-ui/src/app/pipes/yes-no.pipe.ts
+++ b/src-ui/src/app/pipes/yes-no.pipe.ts
@@ -6,7 +6,7 @@ import { Pipe, PipeTransform } from '@angular/core';
 export class YesNoPipe implements PipeTransform {
 
   transform(value: boolean): unknown {
-    return value ? "Yes" : "No"
+    return value ? $localize`Yes` : $localize`No`
   }
 
 }