diff --git a/package.json b/package.json
index fa69f2bbd9..a7ef3f7e62 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "shaka-player": "^2.5.5",
     "sortablejs": "^1.9.0",
     "swiper": "^3.4.2",
-    "webcomponents.js-2": "^0.7.24",
+    "webcomponents.js": "^0.7.24",
     "whatwg-fetch": "^1.1.1"
   },
   "scripts": {
diff --git a/src/bundle.js b/src/bundle.js
index 6931b34dd0..508e2c3065 100644
--- a/src/bundle.js
+++ b/src/bundle.js
@@ -79,7 +79,7 @@ _define("sortable", function() {
 });
 
 // webcomponents
-var webcomponents = require("webcomponents.js-2");
+var webcomponents = require("webcomponents.js/webcomponents-lite");
 _define("webcomponents", function() {
     return webcomponents
 });
diff --git a/webpack.common.js b/webpack.common.js
index 59a1c4e55e..969c7d6e08 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -26,7 +26,7 @@ module.exports = {
             Assets.map(asset => {
                 return {
                     from: path.resolve(__dirname, `./node_modules/${asset}`),
-                    to: path.resolve(__dirname, './dist/libraries')
+                    to: path.resolve(__dirname, "./dist/libraries")
                 };
             })
         )