diff --git a/css/WidgetAreaEditor.css b/css/WidgetAreaEditor.css
index 95ac21e..8a5bf6f 100644
--- a/css/WidgetAreaEditor.css
+++ b/css/WidgetAreaEditor.css
@@ -15,6 +15,16 @@ div.usedWidgetsHolder {
 	float: right;
 }
 
+div.usedWidgets .ui-state-highlight {
+    background: #EEEEEE;
+    
+    border: 1px solid #DDDDDD;
+    
+    width: 98%;
+    
+    margin-bottom: 5px;
+}
+
 .NoWidgets {
 	padding: 50px; /* Make this nice and big and easily 'droppable' */
 }
diff --git a/javascript/WidgetAreaEditor.js b/javascript/WidgetAreaEditor.js
index f2af9c4..11fbf1e 100644
--- a/javascript/WidgetAreaEditor.js
+++ b/javascript/WidgetAreaEditor.js
@@ -20,7 +20,9 @@
 				$(this).find('.usedWidgets').sortable({
 					opacity: 0.6,
 					handle: '.handle',
-					update: function(e, ui) {parentRef.updateWidgets(e, ui)}
+					update: function(e, ui) {parentRef.updateWidgets(e, ui)},
+                    placeholder: 'ui-state-highlight',
+                    forcePlaceholderSize: true
 				});
 				
 				// Figure out maxid, this is used when creating new widgets