diff --git a/src/containers/costume-library.jsx b/src/containers/costume-library.jsx
index c4884c169a41789925281e6dcfa5f9d87958fa44..070c9f4b9421365aa2f308ea2c96b68818fcc4cf 100644
--- a/src/containers/costume-library.jsx
+++ b/src/containers/costume-library.jsx
@@ -26,7 +26,8 @@ class CostumeLibrary extends React.PureComponent {
         ]);
     }
     handleItemSelected (item) {
-        const type = item.md5.split('.')[1];
+        const split = item.md5.split('.');
+        const type = split.length > 1 ? split[1] : null;
         const rotationCenterX = type === 'svg' ? item.info[0] : item.info[0] / 2;
         const rotationCenterY = type === 'svg' ? item.info[1] : item.info[1] / 2;
         const vmCostume = {
diff --git a/src/containers/costume-tab.jsx b/src/containers/costume-tab.jsx
index 34b64a2ffbf52e4ffaf431809843b8ec2b664534..454c5ffcef7a203ac7a927bb4b6873cb4b0041f1 100644
--- a/src/containers/costume-tab.jsx
+++ b/src/containers/costume-tab.jsx
@@ -161,7 +161,8 @@ class CostumeTab extends React.Component {
     }
     handleSurpriseCostume () {
         const item = costumeLibraryContent[Math.floor(Math.random() * costumeLibraryContent.length)];
-        const type = item.md5.split('.')[1];
+        const split = item.md5.split('.');
+        const type = split.length > 1 ? split[1] : null;
         const rotationCenterX = type === 'svg' ? item.info[0] : item.info[0] / 2;
         const rotationCenterY = type === 'svg' ? item.info[1] : item.info[1] / 2;
         const vmCostume = {