diff --git a/packages/language-service/src/completions.ts b/packages/language-service/src/completions.ts
index 97b9e8915a..d11daae031 100644
--- a/packages/language-service/src/completions.ts
+++ b/packages/language-service/src/completions.ts
@@ -28,7 +28,7 @@ const hiddenHtmlElements = {
   link: true,
 };
 
-const ANGULAR_PSEUDO_ELEMENTS = ['ng-container', 'ng-content', 'ng-template'] as const;
+const ANGULAR_PSEUDO_ELEMENTS = ['ng-container', 'ng-content', 'ng-template'] as const ;
 
 export function getTemplateCompletions(
     templateInfo: AstResult, position: number): ts.CompletionEntry[] {
@@ -249,7 +249,7 @@ function elementCompletions(info: AstResult, path: AstPath<HtmlAst>): ts.Complet
       name,
       // Need to cast to unknown because Angular's CompletionKind includes HTML
       // entites.
-      kind: CompletionKind.COMPONENT as unknown as ts.ScriptElementKind,
+      kind: CompletionKind.PSEUDO_ELEMENT as unknown as ts.ScriptElementKind,
       sortText: name,
     };
   });
diff --git a/packages/language-service/src/types.ts b/packages/language-service/src/types.ts
index 0bee59402d..ba8453563f 100644
--- a/packages/language-service/src/types.ts
+++ b/packages/language-service/src/types.ts
@@ -274,6 +274,7 @@ export enum CompletionKind {
   REFERENCE = 'reference',
   TYPE = 'type',
   VARIABLE = 'variable',
+  PSEUDO_ELEMENT = 'pseudo element'
 }
 
 /**