diff --git a/aio/content/tutorial/toh-pt5.md b/aio/content/tutorial/toh-pt5.md
index 0c8b0efbc2..c2f6d12c88 100644
--- a/aio/content/tutorial/toh-pt5.md
+++ b/aio/content/tutorial/toh-pt5.md
@@ -920,16 +920,14 @@ such as `RouterLink` and `RouterOutlet`.
 Delete the routing configuration from `AppModule` and import the `AppRoutingModule`.
 Use an ES `import` statement *and* add it to the `NgModule.imports` list.
 
-  Here is the revised `AppModule`, compared to its pre-refactor state:
-
-+makeTabs(
-  `toh-5/ts/src/app/app.module.ts, toh-5/ts/src/app/app.module.3.ts`,
-   null,
-  `src/app/app.module.ts (after), src/app/app.module.ts (before)`)
-:marked
-  The revised and simplified `AppModule` is focused on identifying the key pieces of the app.
+Here is the revised `AppModule`, compared to its pre-refactor state:
 
+<code-tabs>
+  <code-pane path="toh-5/src/app/app.module.ts" title="src/app/app.module.ts (after)"></code-pane>
+  <code-pane path="toh-5/src/app/app.module.3.ts" title="src/app/app.module.ts (before)"></code-pane>
+</code-tabs>
 
+The revised and simplified `AppModule` is focused on identifying the key pieces of the app.
 
 ## Select a hero in the *HeroesComponent*
 
@@ -1376,4 +1374,4 @@ You have much of the foundation you need to build an app.
 You're still missing a key piece: remote data access.
 
 In the next page,
-you’ll replace the mock data with data retrieved from a server using http.
\ No newline at end of file
+you’ll replace the mock data with data retrieved from a server using http.