diff --git a/adev/src/app/features/home/code-highlighting/code-highlighter.ts b/adev/src/app/features/home/code-highlighting/code-highlighter.ts
index 3814e11954b..b6f75cc662a 100644
--- a/adev/src/app/features/home/code-highlighting/code-highlighter.ts
+++ b/adev/src/app/features/home/code-highlighting/code-highlighter.ts
@@ -15,8 +15,8 @@ import {CodeToHastOptions, createHighlighterCoreSync, HighlighterCore} from 'shi
 import {createOnigurumaEngine} from 'shiki/engine/oniguruma';
 
 @Service()
-export class CodeHighligher implements OnDestroy {
-  private cachedHighligher: HighlighterCore | undefined;
+export class CodeHighlighter implements OnDestroy {
+  private cachedHighlighter: HighlighterCore | undefined;
 
   async codeToHtml(code: string, options: CodeToHastOptions): Promise<string> {
     const highlighter = await this.getHighlighter();
@@ -24,19 +24,19 @@ export class CodeHighligher implements OnDestroy {
   }
 
   ngOnDestroy(): void {
-    this.cachedHighligher?.dispose();
+    this.cachedHighlighter?.dispose();
   }
 
   private async getHighlighter() {
-    if (!this.cachedHighligher) {
+    if (!this.cachedHighlighter) {
       const engine = await createOnigurumaEngine(import('shiki/wasm'));
-      this.cachedHighligher = createHighlighterCoreSync({
+      this.cachedHighlighter = createHighlighterCoreSync({
         themes: [githubLight, githubDark],
         langs: [angularTs, angularHtml],
         engine,
       });
     }
 
-    return this.cachedHighligher;
+    return this.cachedHighlighter;
   }
 }
diff --git a/adev/src/app/features/home/components/code-block/code-block.ts b/adev/src/app/features/home/components/code-block/code-block.ts
index ac550724859..d9fd263eb06 100644
--- a/adev/src/app/features/home/components/code-block/code-block.ts
+++ b/adev/src/app/features/home/components/code-block/code-block.ts
@@ -10,7 +10,7 @@ import {AsyncPipe} from '@angular/common';
 import {Component, computed, inject, input} from '@angular/core';
 import {DomSanitizer} from '@angular/platform-browser';
 import {ThemeManager} from '../../../../core/services/theme-manager.service';
-import {CodeHighligher} from '../../code-highlighting/code-highlighter';
+import {CodeHighlighter} from '../../code-highlighting/code-highlighter';
 
 @Component({
   selector: 'adev-code-block',
@@ -23,7 +23,7 @@ import {CodeHighligher} from '../../code-highlighting/code-highlighter';
   `,
 })
 export class CodeBlock {
-  codeHighlighter = inject(CodeHighligher);
+  codeHighlighter = inject(CodeHighlighter);
   code = input.required<string>();
   language = input<'angular-html' | 'angular-ts'>('angular-ts');
   sanitizer = inject(DomSanitizer);