diff --git a/aio/content/examples/attribute-directives/src/app/highlight.directive.2.ts b/aio/content/examples/attribute-directives/src/app/highlight.directive.2.ts
index b18eadbd956..fac7b79e4b1 100644
--- a/aio/content/examples/attribute-directives/src/app/highlight.directive.2.ts
+++ b/aio/content/examples/attribute-directives/src/app/highlight.directive.2.ts
@@ -26,9 +26,6 @@ export class HighlightDirective {
     this.el.nativeElement.style.backgroundColor = color;
   }
   // #enddocregion mouse-methods
-  // #docregion color-2
-  @Input() appHighlight: string;
-  // #enddocregion color-2
 
 }
 // #enddocregion
diff --git a/aio/content/examples/attribute-directives/src/app/highlight.directive.3.ts b/aio/content/examples/attribute-directives/src/app/highlight.directive.3.ts
index 4f17bd49249..0d61602c08f 100644
--- a/aio/content/examples/attribute-directives/src/app/highlight.directive.3.ts
+++ b/aio/content/examples/attribute-directives/src/app/highlight.directive.3.ts
@@ -10,10 +10,12 @@ export class HighlightDirective {
 
   constructor(private el: ElementRef) { }
 
-  @Input('appHighlight') highlightColor: string;
+  // #docregion input
+  @Input() appHighlight: string;
+  // #enddocregion input
 
   @HostListener('mouseenter') onMouseEnter() {
-    this.highlight(this.highlightColor || 'red');
+    this.highlight(this.appHighlight || 'red');
   }
 
   @HostListener('mouseleave') onMouseLeave() {
diff --git a/aio/content/guide/attribute-directives.md b/aio/content/guide/attribute-directives.md
index ef2264a3f0c..f58db98aed8 100644
--- a/aio/content/guide/attribute-directives.md
+++ b/aio/content/guide/attribute-directives.md
@@ -91,7 +91,7 @@ This section walks you through setting the highlight color while applying the `H
 
 1. Add an `appHighlight` `@Input()` property.
 
-  <code-example path="attribute-directives/src/app/highlight.directive.2.ts" header="src/app/highlight.directive.ts" region="color-2"></code-example>
+  <code-example path="attribute-directives/src/app/highlight.directive.3.ts" header="src/app/highlight.directive.ts" region="input"></code-example>
 
   The `@Input()` decorator adds metadata to the class that makes the directive's `appHighlight` property available for binding.