diff --git a/src/containers/costume-tab.jsx b/src/containers/costume-tab.jsx
index 0d47e6d22258cb60493d12def6dc5476543555c3..6a24e004b8355540fba6c22d844b1220a181c0a3 100644
--- a/src/containers/costume-tab.jsx
+++ b/src/containers/costume-tab.jsx
@@ -20,7 +20,8 @@ class CostumeTab extends React.Component {
         super(props);
         bindAll(this, [
             'handleSelectCostume',
-            'handleDeleteCostume'
+            'handleDeleteCostume',
+            'handleUpdateSvg'
         ]);
         this.state = {selectedCostumeIndex: 0};
     }
@@ -47,6 +48,10 @@ class CostumeTab extends React.Component {
         this.props.vm.deleteCostume(costumeIndex);
     }
 
+    handleUpdateSvg (svg) {
+        this.props.vm.updateSvg(this.state.selectedCostumeIndex, svg);
+    }
+
     render () {
         const {
             editingTarget,
@@ -93,7 +98,10 @@ class CostumeTab extends React.Component {
                 onItemClick={this.handleSelectCostume}
             >
             {target.costumes ?
-                <PaintEditor svg={this.props.vm.getCostumeSVG(this.state.selectedCostumeIndex)}/>
+                <PaintEditor
+                    svg={this.props.vm.getCostumeSvg(this.state.selectedCostumeIndex)}
+                    onUpdateSvg={this.handleUpdateSvg}
+                />
                 : null
             }
             </AssetPanel>