diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index dd7d2070d9..ee1543eff2 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -4,7 +4,6 @@
     <base href="/">
     <title>Demo Application - Angular 2</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
     <link href="app/css/app.css" rel="stylesheet">
 
     <!-- Google Material Design Lite -->
@@ -24,9 +23,6 @@
     <script src="node_modules/angular2/bundles/router.dev.js"></script>
     <script src="node_modules/angular2/bundles/http.dev.js"></script>
 
-    <script src="node_modules/jquery/dist/jquery.min.js"></script>
-    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
-
     <script src="/app/js/xml2json.js"></script>
     <script src="node_modules/alfresco-core-rest-api/bundle.js"></script>
 
diff --git a/demo-shell-ng2/package.json b/demo-shell-ng2/package.json
index d561e02723..5691227c29 100644
--- a/demo-shell-ng2/package.json
+++ b/demo-shell-ng2/package.json
@@ -49,9 +49,7 @@
   "dependencies": {
     "alfresco-core-rest-api": "^0.1.0",
     "angular2": "2.0.0-beta.15",
-    "bootstrap": "^3.3.6",
     "es6-shim": "^0.35.0",
-    "jquery": "^2.2.2",
     "material-design-icons": "^2.2.3",
     "material-design-lite": "^1.1.3",
     "ng2-alfresco-core": "^0.1.0",
diff --git a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.css b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.css
index e9e27f5e3f..084c394459 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.css
+++ b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.css
@@ -1,3 +1,10 @@
+:host .show {
+    display: block !important;
+}
+
+:host .hide {
+    display: none !important;
+}
 
 .file-dialog {
     display: none;