diff --git a/css/WidgetAreaEditor.css b/css/WidgetAreaEditor.css
index 16038820..b84d0779 100644
--- a/css/WidgetAreaEditor.css
+++ b/css/WidgetAreaEditor.css
@@ -3,7 +3,7 @@ div.availableWidgetsHolder {
 }
 
 div.usedWidgetsHolder {
-	width: 69%;
+	width: 66%;
 }
 
 div.availableWidgetsHolder {
@@ -14,10 +14,6 @@ div.usedWidgetsHolder {
 	float: right;
 }
 
-div.usedWidgets {
-	border: 1px #CCC dotted;
-	padding: 5px;
-}
 .NoWidgets {
 	padding: 50px; /* Make this nice and big and easily 'droppable' */
 }
@@ -54,7 +50,7 @@ div.availableWidgets div.Widget h3 {
 	font-size: 12px;
 	color: #fff;
 	line-height: 1.8;
-	text-indent: 5px;
+	padding: 0 5px;
 	margin: 0;
 }
 	div.usedWidgets div.Widget h3 {
@@ -64,8 +60,9 @@ div.availableWidgets div.Widget h3 {
 	div.availableWidgets div.Widget h3 {
 		cursor: pointer;
 		color: #444;
-		background: #ccc url(../images/add-bg.png) right top;
+		padding-right: 25px;
+		background: #ccc url(../images/add-bg.png) right center;
 	}
 		div.availableWidgets div.Widget h3:hover {
-			background: #ccc url(../images/add-bg.png) right 21px;
+			background: #ccc url(../images/add-bg-hover.png) right center;
 		}
diff --git a/images/add-bg-hover.png b/images/add-bg-hover.png
new file mode 100644
index 00000000..161876e5
Binary files /dev/null and b/images/add-bg-hover.png differ
diff --git a/images/add-bg.png b/images/add-bg.png
index 72ee9472..b350dd2a 100644
Binary files a/images/add-bg.png and b/images/add-bg.png differ
diff --git a/templates/WidgetDescription.ss b/templates/WidgetDescription.ss
index dc3530ea..423f9907 100644
--- a/templates/WidgetDescription.ss
+++ b/templates/WidgetDescription.ss
@@ -1,5 +1,5 @@
 <div class="Widget" id="$ClassName">
-	<h3>$CMSTitle</h3>
+	<h3 title="<% _t('CLICKTOADDWIDGET', 'Click to add this widget') %>">$CMSTitle</h3>
 	<div class="widgetDescription">
 		<p>$Description</p>
 	</div>