diff --git a/demo-shell-ng2/app/app.component.ts b/demo-shell-ng2/app/app.component.ts
index 51b11a8cac..3406411e37 100644
--- a/demo-shell-ng2/app/app.component.ts
+++ b/demo-shell-ng2/app/app.component.ts
@@ -36,7 +36,7 @@ import { TasksDemoComponent } from './components/tasks/tasks-demo.component';
 declare var document: any;
 
 @Component({
-    selector: 'my-app',
+    selector: 'alfresco-app',
     templateUrl: 'app/app.component.html',
     styleUrls: ['app/app.component.css'],
     directives: [ALFRESCO_SEARCH_DIRECTIVES, ROUTER_DIRECTIVES, AuthRouterOutlet, MDL],
diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index b659480798..c707f4ddd3 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -52,13 +52,13 @@
       position: relative;
   }
 </style>
-    <my-app>
+    <alfresco-app>
         <div id="loader">
             <div>
                 <div id="loader-spin"  class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
             </div>
             <div id="loader-text">Loading Demo Shell..</div>
         </div>
-    </my-app>
+    </alfresco-app>
 </body>
 </html>