diff --git a/public/docs/_examples/style-guide/e2e-spec.js b/public/docs/_examples/style-guide/e2e-spec.js
index 0d0a16ec3d..31b6db0136 100644
--- a/public/docs/_examples/style-guide/e2e-spec.js
+++ b/public/docs/_examples/style-guide/e2e-spec.js
@@ -127,7 +127,7 @@ describe('Style Guide', function () {
   it('05-14', function () {
     browser.get('#/05-14');
 
-    var toast = element(by.tagName('sg-app > my-toast'));
+    var toast = element(by.tagName('sg-app > toh-toast'));
     expect(toast.getText()).toBe('...');
   });
 
diff --git a/public/docs/_examples/style-guide/ts/05-14/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-14/app/app.component.ts
index ac06545cd5..29ad33703f 100644
--- a/public/docs/_examples/style-guide/ts/05-14/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-14/app/app.component.ts
@@ -4,7 +4,7 @@ import { ToastComponent } from './shared/toast/toast.component';
 
 @Component({
   selector: 'sg-app',
-  template: `<my-toast></my-toast>`,
+  template: `<toh-toast></toh-toast>`,
   directives: [ToastComponent]
 })
 export class AppComponent { }
diff --git a/public/docs/_examples/style-guide/ts/05-14/app/shared/toast/toast.component.ts b/public/docs/_examples/style-guide/ts/05-14/app/shared/toast/toast.component.ts
index e9d2a23e65..5a56ad6c04 100644
--- a/public/docs/_examples/style-guide/ts/05-14/app/shared/toast/toast.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-14/app/shared/toast/toast.component.ts
@@ -2,7 +2,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'my-toast',
+  selector: 'toh-toast',
   template: `...`
 })
 // #docregion example