diff --git a/src/containers/widget.js b/src/containers/widget.js
index 163e0b4..7aa540f 100644
--- a/src/containers/widget.js
+++ b/src/containers/widget.js
@@ -138,7 +138,7 @@ class Widget extends Component {
           minWidth={ widget.minWidth }
           minHeight={ widget.minHeight }
           bounds={'parent'}
-          className="widget"
+          className="editing-widget"
           onResizeStart={ (direction, styleSize, clientSize, event) => this.borderWasClicked(event) } 
           onResizeStop={(direction, styleSize, clientSize, delta) => this.resizeStop(direction, styleSize, clientSize, delta)}
           onDragStop={(event, ui) => this.dragStop(event, ui)}
diff --git a/src/styles/widgets.css b/src/styles/widgets.css
index dd1521c..c6a9c91 100644
--- a/src/styles/widgets.css
+++ b/src/styles/widgets.css
@@ -8,16 +8,26 @@
  **********************************************************************************/
 
 .widget {
-  width: 100%;
-  height: 100%;
-
   border: 1px solid lightgray;
-
   padding: 3px 6px;
-
   background-color: #fff;
 }
 
+.editing-widget {
+  border: 1px solid lightgray;
+  background-color: #fff;
+}
+
+/* Area to trigger the context menu */
+.react-contextmenu-wrapper {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    padding: 3px 6px;
+}
+
 .react-contextmenu {
     min-width: 160px;
     padding: 5px 0;