diff --git a/aio/content/guide/styleguide.md b/aio/content/guide/styleguide.md
index 41baf7ff6d..d7578dd08e 100644
--- a/aio/content/guide/styleguide.md
+++ b/aio/content/guide/styleguide.md
@@ -576,7 +576,7 @@ and reference assets of different types.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Component({ ... })
         export class AppComponent { }
       </code-example>
@@ -595,7 +595,7 @@ and reference assets of different types.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Component({ ... })
         export class HeroesComponent { }
       </code-example>
@@ -614,7 +614,7 @@ and reference assets of different types.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Component({ ... })
         export class HeroListComponent { }
       </code-example>
@@ -633,7 +633,7 @@ and reference assets of different types.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Component({ ... })
         export class HeroDetailComponent { }
       </code-example>
@@ -652,7 +652,7 @@ and reference assets of different types.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Directive({ ... })
         export class ValidationDirective { }
       </code-example>
@@ -671,7 +671,7 @@ and reference assets of different types.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @NgModule({ ... })
         export class AppModule
       </code-example>
@@ -690,7 +690,7 @@ and reference assets of different types.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Pipe({ name: 'initCaps' })
         export class InitCapsPipe implements PipeTransform { }
       </code-example>
@@ -709,7 +709,7 @@ and reference assets of different types.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Injectable()
         export class UserProfileService { }
       </code-example>
@@ -826,7 +826,7 @@ As always, strive for consistency.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Injectable()
         export class HeroDataService { }
       </code-example>
@@ -845,7 +845,7 @@ As always, strive for consistency.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Injectable()
         export class CreditService { }
       </code-example>
@@ -864,7 +864,7 @@ As always, strive for consistency.
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Injectable()
         export class Logger { }
       </code-example>
@@ -1224,7 +1224,7 @@ For example, the prefix `toh` represents from **T**our **o**f **H**eroes and the
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Pipe({ name: 'ellipsis' })
         export class EllipsisPipe implements PipeTransform { }
       </code-example>
@@ -1243,7 +1243,7 @@ For example, the prefix `toh` represents from **T**our **o**f **H**eroes and the
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @Pipe({ name: 'initCaps' })
         export class InitCapsPipe implements PipeTransform { }
       </code-example>
@@ -1625,7 +1625,7 @@ A consistent class and file name convention make these modules easy to spot and
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @NgModule({ ... })
         export class AppModule { }
       </code-example>
@@ -1644,7 +1644,7 @@ A consistent class and file name convention make these modules easy to spot and
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @NgModule({ ... })
         export class HeroesModule { }
       </code-example>
@@ -1663,7 +1663,7 @@ A consistent class and file name convention make these modules easy to spot and
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @NgModule({ ... })
         export class VillainsModule { }
       </code-example>
@@ -1682,7 +1682,7 @@ A consistent class and file name convention make these modules easy to spot and
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @NgModule({ ... })
         export class AppRoutingModule { }
       </code-example>
@@ -1701,7 +1701,7 @@ A consistent class and file name convention make these modules easy to spot and
 
     <td>
 
-      <code-example>
+      <code-example hideCopy>
         @NgModule({ ... })
         export class HeroesRoutingModule { }
       </code-example>