diff --git a/src/app/hf-markdown/copy-to-clipboard/copy-to-clipboard.component.ts b/src/app/hf-markdown/copy-to-clipboard/copy-to-clipboard.component.ts
index 6348ed4a..dcacc758 100644
--- a/src/app/hf-markdown/copy-to-clipboard/copy-to-clipboard.component.ts
+++ b/src/app/hf-markdown/copy-to-clipboard/copy-to-clipboard.component.ts
@@ -2,14 +2,14 @@ import { Component, Input } from '@angular/core';
 import { CtrService } from 'src/app/scenario/ctr.service';
 
 @Component({
-  selector: 'copy-to-clipboard',
+  selector: 'app-copy-to-clipboard',
   templateUrl: './copy-to-clipboard.component.html',
   styleUrls: ['./copy-to-clipboard.component.scss'],
 })
 export class CopyToClipboardComponent {
   @Input() ctrId: string;
 
-  wasClicked: boolean = false;
+  wasClicked = false;
 
   constructor(private ctrService: CtrService) {}
 
diff --git a/src/app/hf-markdown/hf-markdown.component.ts b/src/app/hf-markdown/hf-markdown.component.ts
index 43f24b3d..21357126 100644
--- a/src/app/hf-markdown/hf-markdown.component.ts
+++ b/src/app/hf-markdown/hf-markdown.component.ts
@@ -175,10 +175,10 @@ ${token}`;
     let copyCodeDiv = '';
     if (copyCode) {
       const id = this.ctrService.registerCode(code);
-      copyCodeDiv = `<copy-to-clipboard ctrId='${id}'></copy-to-clipboard>`;
+      copyCodeDiv = `<app-copy-to-clipboard ctrId='${id}'></app-copy-to-clipboard>`;
     }
 
-    let fileNameTag = fileName
+    const fileNameTag = fileName
       ? `<p class="filename">${fileName} ${copyCodeDiv}</p>`
       : `<p class="language">${language} ${copyCodeDiv}</p>`;
     const classAttr = `language-${language}`;