diff --git a/04-dashboard/src/app/header/header.component.html b/04-dashboard/src/app/header/header.component.html
--- a/04-dashboard/src/app/header/header.component.html
+++ b/04-dashboard/src/app/header/header.component.html
@@ -12,7 +12,7 @@ <li>
         <a href="/">Management</a>
       </li>
       <li>
-        <app-button></app-button>
+        <button appButton></button>
       </li>
     </ul>
   </nav>
diff --git a/04-dashboard/src/app/shared/button/button.component.html b/04-dashboard/src/app/shared/button/button.component.html
--- a/04-dashboard/src/app/shared/button/button.component.html
+++ b/04-dashboard/src/app/shared/button/button.component.html
@@ -1,4 +1,2 @@
-<button>
-  <span> Logout </span>
-  <span class="icon"> → </span>
-</button>
+<span> Logout </span>
+<span class="icon"> → </span>
diff --git a/04-dashboard/src/app/shared/button/button.component.ts b/04-dashboard/src/app/shared/button/button.component.ts
--- a/04-dashboard/src/app/shared/button/button.component.ts
+++ b/04-dashboard/src/app/shared/button/button.component.ts
@@ -1,12 +1,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-button',
+  selector: 'button[appButton]',
   standalone: true,
   imports: [],
   templateUrl: './button.component.html',
-  styleUrl: './button.component.css'
+  styleUrl: './button.component.css',
 })
-export class ButtonComponent {
-
-}
+export class ButtonComponent {}