diff --git a/aio/content/guide/hierarchical-dependency-injection.md b/aio/content/guide/hierarchical-dependency-injection.md
index 38babf58ca..afd470b648 100644
--- a/aio/content/guide/hierarchical-dependency-injection.md
+++ b/aio/content/guide/hierarchical-dependency-injection.md
@@ -1019,10 +1019,10 @@ The logical tree representation shows why this is:
 <app-root @NgModule(AppModule)
         @Inject(AnimalService=>"🐳")>
   <#VIEW @Provide(AnimalService="🦔")
-         @Inject(AnimalService, @SkipSelf, @Host, @Optional)=>"🦔">
+         @Inject(AnimalService, @Optional)=>"🦔">
     <!-- ^^@SkipSelf() starts here,  @Host() stops here^^ -->
     <app-child>
-      <#VIEW @Provide(AnimalService="🐶")
+      <#VIEW @Provide(AnimalService="🦔")
              @Inject(AnimalService, @SkipSelf, @Host, @Optional)=>"🐶">
                <!-- Add @SkipSelf ^^-->
       </#VIEW>