diff --git a/aio/content/examples/toh-pt6/src/app/heroes/heroes.component.html b/aio/content/examples/toh-pt6/src/app/heroes/heroes.component.html
index 0959a24256a..8d28580db25 100644
--- a/aio/content/examples/toh-pt6/src/app/heroes/heroes.component.html
+++ b/aio/content/examples/toh-pt6/src/app/heroes/heroes.component.html
@@ -2,8 +2,8 @@
 
 <!-- #docregion add -->
 <div>
-  <label id="new-hero">Hero name: </label>
-  <input for="new-hero" #heroName />
+  <label for="new-hero">Hero name: </label>
+  <input id="new-hero" #heroName />
 
   <!-- (click) passes input value to add() and then clears the input -->
   <button class="add-button" (click)="add(heroName.value); heroName.value=''">