diff --git a/app/views/layouts/application.rhtml b/app/views/layouts/application.rhtml
index 2972e79..e299efd 100644
--- a/app/views/layouts/application.rhtml
+++ b/app/views/layouts/application.rhtml
@@ -172,5 +172,11 @@
     </div>
     <%= javascript_include_tag 'better-browser-promotion' %>
 
+    <script type="text/javascript">
+      // the onload will run only after all related documents load.
+      // by that we need to cal this here:
+      if ( window.addEventListener ) resizePrincipalTemplateBox()
+    </script>
+
   </body>
 </html>
diff --git a/public/designs/icons/default/cancel-fat-HC.gif b/public/designs/icons/default/cancel-fat-HC.gif
deleted file mode 100644
index 1a28e8a..0000000
Binary files a/public/designs/icons/default/cancel-fat-HC.gif and /dev/null differ
diff --git a/public/designs/icons/default/style.css b/public/designs/icons/default/style.css
index 43b68dd..dc8d14d 100644
--- a/public/designs/icons/default/style.css
+++ b/public/designs/icons/default/style.css
@@ -9,7 +9,7 @@
 .icon-cancel    { background-image: url(cancel-HC.gif)           }
 .icon-person    { background-image: url(user_icon.png)           }
 .icon-product   { background-image: url(gnome-other.png)         }
-.icon-delete    { background-image: url(gtk-delete.png)          }
+.icon-delete    { background-image: url(cancel-HC.gif)           }
 .icon-find      { background-image: url(noosfero-find.png)       }
 .icon-back      { background-image: url(go-back-HC.gif)          }
 .icon-next      { background-image: url(gtk-media-next-ltr.png)  }
diff --git a/public/designs/icons/default/trash-HC.gif b/public/designs/icons/default/trash-HC.gif
new file mode 100644
index 0000000..5d95fba
Binary files /dev/null and b/public/designs/icons/default/trash-HC.gif differ
diff --git a/public/designs/templates/default/stylesheets/style.css b/public/designs/templates/default/stylesheets/style.css
index 73f1819..836c93a 100644
--- a/public/designs/templates/default/stylesheets/style.css
+++ b/public/designs/templates/default/stylesheets/style.css
@@ -6,6 +6,10 @@
 .box-1 {
   /* the width of this element is seted by javascript for Firefox */
   float: left;
+  margin-left: 4px;
+}
+.msie .box-1 {
+  margin-right: 4px;
 }
 
 .box-2 {
diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index ada1dd9..7af4e6b 100644
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -28,7 +28,7 @@ function focus_first_field() {
 /* * *  Template Box Size Help  * * */
 function resizePrincipalTemplateBox() {
   var box1 = $$( "div.box-1" )[0];
-  var otherBoxSum = 0;
+  var otherBoxSum = 10;
   var i = 2;
   var b = $$( "div.box-" + i++ )[0];
   while ( b.nodeName ) {
--
libgit2 0.21.2