diff --git a/src-ui/src/app/app.module.ts b/src-ui/src/app/app.module.ts
index 3ccb1c5f1..7f2e8414e 100644
--- a/src-ui/src/app/app.module.ts
+++ b/src-ui/src/app/app.module.ts
@@ -23,7 +23,7 @@ import { TagEditDialogComponent } from './components/manage/tag-list/tag-edit-di
 import { DocumentTypeEditDialogComponent } from './components/manage/document-type-list/document-type-edit-dialog/document-type-edit-dialog.component';
 import { TagComponent } from './components/common/tag/tag.component';
 import { SearchComponent } from './components/search/search.component';
-import { ResultHightlightComponent } from './components/search/result-hightlight/result-hightlight.component';
+import { ResultHighlightComponent } from './components/search/result-highlight/result-highlight.component';
 import { PageHeaderComponent } from './components/common/page-header/page-header.component';
 import { AppFrameComponent } from './components/app-frame/app-frame.component';
 import { ToastsComponent } from './components/common/toasts/toasts.component';
@@ -65,7 +65,7 @@ import { WidgetFrameComponent } from './components/dashboard/widgets/widget-fram
     DocumentTypeEditDialogComponent,
     TagComponent,
     SearchComponent,
-    ResultHightlightComponent,
+    ResultHighlightComponent,
     PageHeaderComponent,
     AppFrameComponent,
     ToastsComponent,
diff --git a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html
index c61a6b069..305cb37d2 100644
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html
@@ -11,7 +11,7 @@
           <h5 class="card-title" *ngIf="document.archive_serial_number">#{{document.archive_serial_number}}</h5>
         </div>
         <p class="card-text">
-          <app-result-hightlight *ngIf="getDetailsAsHighlight()" class="result-content" [highlights]="getDetailsAsHighlight()"></app-result-hightlight>
+          <app-result-highlight *ngIf="getDetailsAsHighlight()" class="result-content" [highlights]="getDetailsAsHighlight()"></app-result-highlight>
           <span *ngIf="getDetailsAsString()" class="result-content">{{getDetailsAsString()}}</span>
         </p>
 
diff --git a/src-ui/src/app/components/search/result-hightlight/result-hightlight.component.html b/src-ui/src/app/components/search/result-highlight/result-highlight.component.html
similarity index 100%
rename from src-ui/src/app/components/search/result-hightlight/result-hightlight.component.html
rename to src-ui/src/app/components/search/result-highlight/result-highlight.component.html
diff --git a/src-ui/src/app/components/search/result-hightlight/result-hightlight.component.scss b/src-ui/src/app/components/search/result-highlight/result-highlight.component.scss
similarity index 100%
rename from src-ui/src/app/components/search/result-hightlight/result-hightlight.component.scss
rename to src-ui/src/app/components/search/result-highlight/result-highlight.component.scss
diff --git a/src-ui/src/app/components/search/result-hightlight/result-hightlight.component.spec.ts b/src-ui/src/app/components/search/result-highlight/result-highlight.component.spec.ts
similarity index 51%
rename from src-ui/src/app/components/search/result-hightlight/result-hightlight.component.spec.ts
rename to src-ui/src/app/components/search/result-highlight/result-highlight.component.spec.ts
index e9da5d314..8e00a9d0b 100644
--- a/src-ui/src/app/components/search/result-hightlight/result-hightlight.component.spec.ts
+++ b/src-ui/src/app/components/search/result-highlight/result-highlight.component.spec.ts
@@ -1,20 +1,20 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ResultHightlightComponent } from './result-hightlight.component';
+import { ResultHighlightComponent } from './result-highlight.component';
 
-describe('ResultHightlightComponent', () => {
-  let component: ResultHightlightComponent;
-  let fixture: ComponentFixture<ResultHightlightComponent>;
+describe('ResultHighlightComponent', () => {
+  let component: ResultHighlightComponent;
+  let fixture: ComponentFixture<ResultHighlightComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ ResultHightlightComponent ]
+      declarations: [ ResultHighlightComponent ]
     })
     .compileComponents();
   });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ResultHightlightComponent);
+    fixture = TestBed.createComponent(ResultHighlightComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src-ui/src/app/components/search/result-hightlight/result-hightlight.component.ts b/src-ui/src/app/components/search/result-highlight/result-highlight.component.ts
similarity index 54%
rename from src-ui/src/app/components/search/result-hightlight/result-hightlight.component.ts
rename to src-ui/src/app/components/search/result-highlight/result-highlight.component.ts
index cd37448e0..d9a1a50b1 100644
--- a/src-ui/src/app/components/search/result-hightlight/result-hightlight.component.ts
+++ b/src-ui/src/app/components/search/result-highlight/result-highlight.component.ts
@@ -2,11 +2,11 @@ import { Component, Input, OnInit } from '@angular/core';
 import { SearchHitHighlight } from 'src/app/data/search-result';
 
 @Component({
-  selector: 'app-result-hightlight',
-  templateUrl: './result-hightlight.component.html',
-  styleUrls: ['./result-hightlight.component.scss']
+  selector: 'app-result-highlight',
+  templateUrl: './result-highlight.component.html',
+  styleUrls: ['./result-highlight.component.scss']
 })
-export class ResultHightlightComponent implements OnInit {
+export class ResultHighlightComponent implements OnInit {
 
   constructor() { }