diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index 93ac0bfd52..cb8e5f1fbc 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -26,6 +26,8 @@
 
     <!-- Polyfill(s) for older browsers -->
     <script src="node_modules/core-js/client/shim.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/dom4/1.8.3/dom4.js"></script>
+    <script src="node_modules/element.scrollintoviewifneeded-polyfill/index.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/demo-shell-ng2/package.json b/demo-shell-ng2/package.json
index 299117bde3..b2323df59b 100644
--- a/demo-shell-ng2/package.json
+++ b/demo-shell-ng2/package.json
@@ -93,7 +93,8 @@
     "ng2-activiti-processlist": "0.3.3",
     "ng2-alfresco-webscript": "0.3.2",
     "ng2-alfresco-tag": "0.3.2",
-    "dialog-polyfill": "^0.4.3"
+    "dialog-polyfill": "^0.4.3",
+    "element.scrollintoviewifneeded-polyfill": "^1.0.1"
   },
   "devDependencies": {
     "@types/core-js": "^0.9.32",