diff --git a/js/package-lock.json b/js/package-lock.json
index ccb8a181a..8b38d5700 100644
--- a/js/package-lock.json
+++ b/js/package-lock.json
@@ -1830,6 +1830,11 @@
         "hoek": "2.16.3"
       }
     },
+    "bowser": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/bowser/-/bowser-1.8.1.tgz",
+      "integrity": "sha512-NMPaR8ILtdLSWzxQtEs16XbxMcY8ohWGQ5V+TZSJS3fNUt/PBAGkF6YWO9B/4qWE23bK3o0moQKq8UyFEosYkA=="
+    },
     "brace": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/brace/-/brace-0.9.0.tgz",
@@ -2158,6 +2163,11 @@
         "supports-color": "2.0.0"
       }
     },
+    "change-emitter": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/change-emitter/-/change-emitter-0.1.6.tgz",
+      "integrity": "sha1-6LL+PX8at9aaMhma/5HqaTFAlRU="
+    },
     "check-error": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
@@ -6225,6 +6235,11 @@
       "integrity": "sha1-GZT/rs3+nEQe0r2sdFK3u0yeQaQ=",
       "dev": true
     },
+    "hyphenate-style-name": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.2.tgz",
+      "integrity": "sha1-MRYKNpMK2vH8BMYHT360FGXU7Es="
+    },
     "iconv-lite": {
       "version": "0.4.19",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz",
@@ -6368,6 +6383,15 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.4.tgz",
       "integrity": "sha1-BTfLedr1m1mhpRff9wbIbsA5Fi4="
     },
+    "inline-style-prefixer": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-2.0.5.tgz",
+      "integrity": "sha1-wVPH6I/YT+9cYC6VqBaLJ3BnH+c=",
+      "requires": {
+        "bowser": "1.8.1",
+        "hyphenate-style-name": "1.0.2"
+      }
+    },
     "inquirer": {
       "version": "0.12.0",
       "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-0.12.0.tgz",
@@ -7492,8 +7516,7 @@
     "lodash.merge": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.0.tgz",
-      "integrity": "sha1-aYhLoUSsM/5plzemCG3v+t0PicU=",
-      "dev": true
+      "integrity": "sha1-aYhLoUSsM/5plzemCG3v+t0PicU="
     },
     "lodash.omitby": {
       "version": "4.6.0",
@@ -7682,6 +7705,24 @@
       "integrity": "sha1-ssbGGPzOzk74bE/Gy4p8v1rtqNc=",
       "dev": true
     },
+    "material-ui": {
+      "version": "0.16.5",
+      "resolved": "https://registry.npmjs.org/material-ui/-/material-ui-0.16.5.tgz",
+      "integrity": "sha1-u4ZhqsfKyMsiOj529PV+4YpK78E=",
+      "requires": {
+        "babel-runtime": "6.26.0",
+        "inline-style-prefixer": "2.0.5",
+        "keycode": "2.1.9",
+        "lodash.merge": "4.6.0",
+        "lodash.throttle": "4.1.1",
+        "react-addons-create-fragment": "15.6.2",
+        "react-addons-transition-group": "15.6.2",
+        "react-event-listener": "0.4.5",
+        "recompose": "0.20.2",
+        "simple-assign": "0.1.0",
+        "warning": "3.0.0"
+      }
+    },
     "math-expression-evaluator": {
       "version": "1.2.17",
       "resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz",
@@ -10021,6 +10062,16 @@
         }
       }
     },
+    "react-addons-create-fragment": {
+      "version": "15.6.2",
+      "resolved": "https://registry.npmjs.org/react-addons-create-fragment/-/react-addons-create-fragment-15.6.2.tgz",
+      "integrity": "sha1-o5TefCx77Na1R1uhuXrEcs58dPg=",
+      "requires": {
+        "fbjs": "0.8.16",
+        "loose-envify": "1.3.1",
+        "object-assign": "4.1.1"
+      }
+    },
     "react-addons-perf": {
       "version": "15.4.2",
       "resolved": "https://registry.npmjs.org/react-addons-perf/-/react-addons-perf-15.4.2.tgz",
@@ -10430,6 +10481,24 @@
         "resolve": "1.5.0"
       }
     },
+    "recompose": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/recompose/-/recompose-0.20.2.tgz",
+      "integrity": "sha1-ET1qx+KcpmTP/+wWtoHd3fFSULw=",
+      "requires": {
+        "change-emitter": "0.1.6",
+        "fbjs": "0.8.16",
+        "hoist-non-react-statics": "1.2.0",
+        "symbol-observable": "0.2.4"
+      },
+      "dependencies": {
+        "symbol-observable": {
+          "version": "0.2.4",
+          "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-0.2.4.tgz",
+          "integrity": "sha1-lag9smGG1q9+ehjb2XYKL4bQj0A="
+        }
+      }
+    },
     "redbox-react": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/redbox-react/-/redbox-react-1.5.0.tgz",
@@ -11101,6 +11170,11 @@
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
       "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0="
     },
+    "simple-assign": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/simple-assign/-/simple-assign-0.1.0.tgz",
+      "integrity": "sha1-F/0wZqXz13OPUDIbsPFMooHMS6o="
+    },
     "simple-get": {
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-1.4.3.tgz",
diff --git a/js/package.json b/js/package.json
index de50d0bd4..42cff56a0 100644
--- a/js/package.json
+++ b/js/package.json
@@ -156,6 +156,7 @@
     "lodash.omitby": "4.6.0",
     "lodash.throttle": "4.1.1",
     "lodash.uniq": "4.5.0",
+    "material-ui": "0.16.5",
     "prop-types": "15.5.10",
     "react": "15.6.1",
     "react-dom": "15.6.1",
diff --git a/js/src/embed.js b/js/src/embed.js
index 7bf19c4c1..459442825 100644
--- a/js/src/embed.js
+++ b/js/src/embed.js
@@ -32,7 +32,7 @@ import { patchApi } from '@parity/shared/lib/util/tx';
 import SecureApi from './secureApi';
 
 import './ShellExtend';
-import '@parity/shared/environment';
+import '@parity/shared/lib/environment';
 import '@parity/shared/assets/fonts/Roboto/font.css';
 import '@parity/shared/assets/fonts/RobotoMono/font.css';