diff --git a/src/app/components/ai-chat/ai-chat.component.ts b/src/app/components/ai-chat/ai-chat.component.ts
index bd4bc834f..9a10d55ee 100644
--- a/src/app/components/ai-chat/ai-chat.component.ts
+++ b/src/app/components/ai-chat/ai-chat.component.ts
@@ -6,17 +6,17 @@ import {MatDialog, MatDialogModule} from '@angular/material/dialog';
  * @title Dialog with header, scrollable content and actions
  */
 @Component({
-  selector: 'dialog-content-example',
-  templateUrl: 'dialog-content-example.html',
+  selector: 'ai-chat',
+  templateUrl: 'ai-chat.html',
   standalone: true,
   imports: [MatButtonModule, MatDialogModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class DialogContentExample {
+export class AiChat {
   readonly dialog = inject(MatDialog);
 
   openDialog() {
-    const dialogRef = this.dialog.open(DialogContentExampleDialog);
+    const dialogRef = this.dialog.open(AiChatDialog);
 
     dialogRef.afterClosed().subscribe(result => {
       console.log(`Dialog result: ${result}`);
@@ -25,11 +25,11 @@ export class DialogContentExample {
 }
 
 @Component({
-  selector: 'dialog-content-example-dialog',
-  templateUrl: 'dialog-content-example-dialog.html',
+  selector: 'AiChatDialog',
+  templateUrl: 'AiChatDialog.html',
   standalone: true,
   imports: [MatDialogModule, MatButtonModule],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class DialogContentExampleDialog {}
+export class AiChatDialog {}