diff --git a/src-ui/src/app/app-routing.module.ts b/src-ui/src/app/app-routing.module.ts
index ddedbc763..34bf77609 100644
--- a/src-ui/src/app/app-routing.module.ts
+++ b/src-ui/src/app/app-routing.module.ts
@@ -21,7 +21,7 @@ import {
   PermissionAction,
   PermissionType,
 } from './services/permissions.service'
-import { ConsmptionTemplatesListComponent } from './components/manage/consmption-templates-list/consmption-templates-list.component'
+import { ConsumptionTemplatesListComponent } from './components/manage/consumption-templates-list/consumption-templates-list.component'
 
 export const routes: Routes = [
   { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
@@ -185,7 +185,7 @@ export const routes: Routes = [
       },
       {
         path: 'templates',
-        component: ConsmptionTemplatesListComponent,
+        component: ConsumptionTemplatesListComponent,
         canActivate: [PermissionsGuard],
         data: {
           requiredPermission: {
diff --git a/src-ui/src/app/app.module.ts b/src-ui/src/app/app.module.ts
index b5098025d..bb6c8777a 100644
--- a/src-ui/src/app/app.module.ts
+++ b/src-ui/src/app/app.module.ts
@@ -95,7 +95,7 @@ import { UsernamePipe } from './pipes/username.pipe'
 import { LogoComponent } from './components/common/logo/logo.component'
 import { IsNumberPipe } from './pipes/is-number.pipe'
 import { ShareLinksDropdownComponent } from './components/common/share-links-dropdown/share-links-dropdown.component'
-import { ConsmptionTemplatesListComponent } from './components/manage/consmption-templates-list/consmption-templates-list.component'
+import { ConsumptionTemplatesListComponent } from './components/manage/consumption-templates-list/consumption-templates-list.component'
 import { ConsumptionTemplateEditDialogComponent } from './components/common/edit-dialog/consumption-template-edit-dialog/consumption-template-edit-dialog.component'
 
 import localeAf from '@angular/common/locales/af'
@@ -235,7 +235,7 @@ function initializeApp(settings: SettingsService) {
     LogoComponent,
     IsNumberPipe,
     ShareLinksDropdownComponent,
-    ConsmptionTemplatesListComponent,
+    ConsumptionTemplatesListComponent,
     ConsumptionTemplateEditDialogComponent,
   ],
   imports: [
diff --git a/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.html b/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.html
deleted file mode 100644
index 06244229d..000000000
--- a/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>consmption-templates works!</p>
diff --git a/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.scss b/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.scss
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.spec.ts b/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.spec.ts
deleted file mode 100644
index 9e2aa5fb6..000000000
--- a/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.spec.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing'
-
-import { ConsmptionTemplatesComponent } from './consmption-templates.component'
-
-describe('ConsmptionTemplatesComponent', () => {
-  let component: ConsmptionTemplatesComponent
-  let fixture: ComponentFixture<ConsmptionTemplatesComponent>
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [ConsmptionTemplatesComponent],
-    })
-    fixture = TestBed.createComponent(ConsmptionTemplatesComponent)
-    component = fixture.componentInstance
-    fixture.detectChanges()
-  })
-
-  it('should create', () => {
-    expect(component).toBeTruthy()
-  })
-})
diff --git a/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.ts b/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.ts
deleted file mode 100644
index e96ccb350..000000000
--- a/src-ui/src/app/components/manage/consmption-templates/consmption-templates.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core'
-
-@Component({
-  selector: 'pngx-consmption-templates',
-  templateUrl: './consmption-templates.component.html',
-  styleUrls: ['./consmption-templates.component.scss'],
-})
-export class ConsmptionTemplatesComponent {}
diff --git a/src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.html b/src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.html
similarity index 100%
rename from src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.html
rename to src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.html
diff --git a/src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.scss b/src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.scss
similarity index 100%
rename from src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.scss
rename to src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.scss
diff --git a/src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.spec.ts b/src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.spec.ts
similarity index 93%
rename from src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.spec.ts
rename to src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.spec.ts
index 777b7de65..fb971faa1 100644
--- a/src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.spec.ts
+++ b/src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.spec.ts
@@ -18,7 +18,7 @@ import { ConsumptionTemplateService } from 'src/app/services/rest/consumption-te
 import { ToastService } from 'src/app/services/toast.service'
 import { ConfirmDialogComponent } from '../../common/confirm-dialog/confirm-dialog.component'
 import { PageHeaderComponent } from '../../common/page-header/page-header.component'
-import { ConsmptionTemplatesListComponent } from './consmption-templates-list.component'
+import { ConsumptionTemplatesListComponent } from './consumption-templates-list.component'
 import { ConsumptionTemplateEditDialogComponent } from '../../common/edit-dialog/consumption-template-edit-dialog/consumption-template-edit-dialog.component'
 import { PermissionsService } from 'src/app/services/permissions.service'
 
@@ -47,9 +47,9 @@ const templates: PaperlessConsumptionTemplate[] = [
   },
 ]
 
-describe('ConsmptionTemplatesComponent', () => {
-  let component: ConsmptionTemplatesListComponent
-  let fixture: ComponentFixture<ConsmptionTemplatesListComponent>
+describe('ConsumptionTemplatesComponent', () => {
+  let component: ConsumptionTemplatesListComponent
+  let fixture: ComponentFixture<ConsumptionTemplatesListComponent>
   let consumptionTemplateService: ConsumptionTemplateService
   let modalService: NgbModal
   let toastService: ToastService
@@ -57,7 +57,7 @@ describe('ConsmptionTemplatesComponent', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
       declarations: [
-        ConsmptionTemplatesListComponent,
+        ConsumptionTemplatesListComponent,
         IfPermissionsDirective,
         PageHeaderComponent,
         ConfirmDialogComponent,
@@ -92,7 +92,7 @@ describe('ConsmptionTemplatesComponent', () => {
     modalService = TestBed.inject(NgbModal)
     toastService = TestBed.inject(ToastService)
 
-    fixture = TestBed.createComponent(ConsmptionTemplatesListComponent)
+    fixture = TestBed.createComponent(ConsumptionTemplatesListComponent)
     component = fixture.componentInstance
     fixture.detectChanges()
   })
diff --git a/src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.ts b/src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.ts
similarity index 94%
rename from src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.ts
rename to src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.ts
index 2cbe37480..3682061f0 100644
--- a/src-ui/src/app/components/manage/consmption-templates-list/consmption-templates-list.component.ts
+++ b/src-ui/src/app/components/manage/consumption-templates-list/consumption-templates-list.component.ts
@@ -14,11 +14,11 @@ import { ConfirmDialogComponent } from '../../common/confirm-dialog/confirm-dial
 import { EditDialogMode } from '../../common/edit-dialog/edit-dialog.component'
 
 @Component({
-  selector: 'pngx-consmption-templates-list',
-  templateUrl: './consmption-templates-list.component.html',
-  styleUrls: ['./consmption-templates-list.component.scss'],
+  selector: 'pngx-consumption-templates-list',
+  templateUrl: './consumption-templates-list.component.html',
+  styleUrls: ['./consumption-templates-list.component.scss'],
 })
-export class ConsmptionTemplatesListComponent
+export class ConsumptionTemplatesListComponent
   extends ComponentWithPermissions
   implements OnInit
 {