diff --git a/src/styles/widgets.css b/src/styles/widgets.css
index 192acdd..4a8c976 100644
--- a/src/styles/widgets.css
+++ b/src/styles/widgets.css
@@ -373,9 +373,9 @@ div[class*="-widget"] label {
 /* End table widget*/
 
 /* Begin box widget */
-.box-widget .border {
+.box-widget {
     width: 100%;
     height: 100%;
-    border: 2px solid;
+    border: 2px solid lightgray;
 }
 /* End box widget */
diff --git a/src/widget/widget-factory.js b/src/widget/widget-factory.js
index 1360988..8b08117 100644
--- a/src/widget/widget-factory.js
+++ b/src/widget/widget-factory.js
@@ -168,6 +168,7 @@ class WidgetFactory {
                 widget.width = 100;
                 widget.height = 100;
                 widget.customProperties.border_color = 0;
+                widget.customProperties.background_color = 9;
                 widget.customProperties.background_color_opacity = 0.5;
                 widget.z = 0;
                 break;
diff --git a/src/widget/widgets/box.js b/src/widget/widgets/box.js
index ff470f3..88e7c67 100644
--- a/src/widget/widgets/box.js
+++ b/src/widget/widgets/box.js
@@ -31,10 +31,8 @@ class WidgetBox extends Component {
     }
 
     return (
-      <div className="box-widget full">
-        <div className="border" style={colorStyle}>
+      <div className="box-widget full" style={colorStyle}>
           {  }
-        </div>
       </div>
     );
   }