diff --git a/src/containers/backdrop-library.jsx b/src/containers/backdrop-library.jsx
index 7291663e7..e218d1de8 100644
--- a/src/containers/backdrop-library.jsx
+++ b/src/containers/backdrop-library.jsx
@@ -15,15 +15,13 @@ class BackdropLibrary extends React.Component {
     }
     handleItemSelect (item) {
         const vmBackdrop = {
-            skin: `https://cdn.assets.scratch.mit.edu/internalapi/asset/${item.md5}/get/`,
             name: item.name,
             rotationCenterX: item.info[0] && item.info[0] / 2,
-            rotationCenterY: item.info[1] && item.info[1] / 2
+            rotationCenterY: item.info[1] && item.info[1] / 2,
+            bitmapResolution: item.info.length > 2 ? item.info[2] : 1,
+            skinId: null
         };
-        if (item.info.length > 2) {
-            vmBackdrop.bitmapResolution = item.info[2];
-        }
-        this.props.vm.addBackdrop(vmBackdrop);
+        this.props.vm.addBackdrop(item.md5, vmBackdrop);
     }
     render () {
         return (
diff --git a/src/containers/costume-library.jsx b/src/containers/costume-library.jsx
index 74a661fa1..d6ecdd0ff 100644
--- a/src/containers/costume-library.jsx
+++ b/src/containers/costume-library.jsx
@@ -15,15 +15,13 @@ class CostumeLibrary extends React.Component {
     }
     handleItemSelected (item) {
         const vmCostume = {
-            skin: `https://cdn.assets.scratch.mit.edu/internalapi/asset/${item.md5}/get/`,
             name: item.name,
             rotationCenterX: item.info[0],
-            rotationCenterY: item.info[1]
+            rotationCenterY: item.info[1],
+            bitmapResolution: item.info.length > 2 ? item.info[2] : 1,
+            skinId: null
         };
-        if (item.info.length > 2) {
-            vmCostume.bitmapResolution = item.info[2];
-        }
-        this.props.vm.addCostume(vmCostume);
+        this.props.vm.addCostume(item.md5, vmCostume);
     }
     render () {
         return (