diff --git a/public/docs/_examples/style-guide/ts/07-03/app/app.component.ts b/public/docs/_examples/style-guide/ts/07-03/app/app.component.ts
index 2c5502440f..11a08adb3e 100644
--- a/public/docs/_examples/style-guide/ts/07-03/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/07-03/app/app.component.ts
@@ -1,7 +1,7 @@
 // #docregion
 import { Component } from '@angular/core';
 
-import { HeroListComponent } from './heroes/hero-list.component';
+import { HeroListComponent } from './heroes/hero-list/hero-list.component';
 import { HeroService } from './heroes/shared/hero.service';
 
 @Component({
diff --git a/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list.component.ts b/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/hero-list.component.ts
similarity index 79%
rename from public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list.component.ts
rename to public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/hero-list.component.ts
index caef734945..64508765bb 100644
--- a/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list.component.ts
+++ b/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/hero-list.component.ts
@@ -1,8 +1,8 @@
 // #docregion
 import { Component, OnInit } from '@angular/core';
 
-import { HeroService } from './shared/hero.service';
-import { Hero } from './shared/hero.model';
+import { HeroService } from '../shared/hero.service';
+import { Hero } from '../shared/hero.model';
 
 @Component({
   selector: 'toh-heroes',