diff --git a/src/js/components/ImageEditor/FrameHandler.js b/src/js/components/ImageEditor/FrameHandler.js
index be21126..2280783 100644
--- a/src/js/components/ImageEditor/FrameHandler.js
+++ b/src/js/components/ImageEditor/FrameHandler.js
@@ -18,7 +18,7 @@ function FrameHandler(viewport) {
      * Sets the 4 rectangles which are used when current canvas should be framed
      */
     function initFrames() {
-        var frame = new fabric.Rect({ fill: '#000', stroke: '#000000', width: 1, height: 1 });
+        var frame = new fabric.Rect({ fill: '#000000', stroke: '#000000', width: 1, height: 1 });
 
         _frames = {
             top: frame.clone(),
@@ -54,7 +54,7 @@ function FrameHandler(viewport) {
      * @return {FrameHandler}
      */
     this.setFrames = function (frameType) {
-        frameType = frameType || _frameType;
+        frameType = frameType || _frameType || 'image';
         _frameType = frameType;
 
         if (!frameType) {