diff --git a/gen/ui/appy.css b/gen/ui/appy.css
index 478547e..183719e 100644
--- a/gen/ui/appy.css
+++ b/gen/ui/appy.css
@@ -65,7 +65,8 @@ img { border: 0; vertical-align: middle }
 .navigate td { padding: 4px 9px }
 .login { margin: 3px; color: black }
 .button { border-width: 0 !important; color: #666666; height: 23px; width: 150px;
-          cursor:pointer; font-size: 90%; padding: 1px 0 0 10px }
+          cursor:pointer; font-size: 90%; padding: 1px 0 0 10px;
+          background-color: transparent !important }
 .buttons { margin-left: 4px }
 .message { position: absolute; top: -40px; left: 150px; font-size: 90%;
            width: 600px; border: 1px #F0C36D solid; padding: 6px;
diff --git a/gen/ui/buttonAction.png b/gen/ui/buttonAction.png
index 212ee98..298d49d 100644
Binary files a/gen/ui/buttonAction.png and b/gen/ui/buttonAction.png differ
diff --git a/gen/ui/buttonAdd.png b/gen/ui/buttonAdd.png
index b28a310..b0a08be 100644
Binary files a/gen/ui/buttonAdd.png and b/gen/ui/buttonAdd.png differ
diff --git a/gen/ui/buttonCancel.png b/gen/ui/buttonCancel.png
index 0d19268..ebd145c 100644
Binary files a/gen/ui/buttonCancel.png and b/gen/ui/buttonCancel.png differ
diff --git a/gen/ui/buttonEdit.png b/gen/ui/buttonEdit.png
index df39d54..d0b94f2 100644
Binary files a/gen/ui/buttonEdit.png and b/gen/ui/buttonEdit.png differ
diff --git a/gen/ui/buttonFake.png b/gen/ui/buttonFake.png
index 2709d83..bb31c6a 100644
Binary files a/gen/ui/buttonFake.png and b/gen/ui/buttonFake.png differ
diff --git a/gen/ui/buttonImport.png b/gen/ui/buttonImport.png
index d742a61..ce45d2a 100644
Binary files a/gen/ui/buttonImport.png and b/gen/ui/buttonImport.png differ
diff --git a/gen/ui/buttonNext.png b/gen/ui/buttonNext.png
index 8aace8b..714433a 100644
Binary files a/gen/ui/buttonNext.png and b/gen/ui/buttonNext.png differ
diff --git a/gen/ui/buttonPrevious.png b/gen/ui/buttonPrevious.png
index 55b4f9a..c55618a 100644
Binary files a/gen/ui/buttonPrevious.png and b/gen/ui/buttonPrevious.png differ
diff --git a/gen/ui/buttonSave.png b/gen/ui/buttonSave.png
index a06c553..9896c2e 100644
Binary files a/gen/ui/buttonSave.png and b/gen/ui/buttonSave.png differ
diff --git a/gen/ui/buttonSearch.png b/gen/ui/buttonSearch.png
index cb67f82..12f4fb8 100644
Binary files a/gen/ui/buttonSearch.png and b/gen/ui/buttonSearch.png differ
diff --git a/gen/ui/buttonTransition.png b/gen/ui/buttonTransition.png
index 101b100..966e394 100644
Binary files a/gen/ui/buttonTransition.png and b/gen/ui/buttonTransition.png differ
diff --git a/gen/ui/refresh.png b/gen/ui/refresh.png
index b64a4c5..1f23890 100644
Binary files a/gen/ui/refresh.png and b/gen/ui/refresh.png differ
diff --git a/gen/ui/widgets/ref.pt b/gen/ui/widgets/ref.pt
index f23d8f7..bbe35d5 100644
--- a/gen/ui/widgets/ref.pt
+++ b/gen/ui/widgets/ref.pt
@@ -72,20 +72,20 @@
   </table>
 </metal:objectActions>
 
-<metal:plusIcon define-macro="plusIcon">
-    <tal:comment replace="nothing">Displays the "plus" icon that allows to add new object
+<tal:comment replace="nothing">Displays the "plus" icon that allows to add new object
       through a reference widget. Indeed, If field was declared as "addable", we must provide
       an icon for creating a new linked object (at least if multiplicities allow it).</tal:comment>
-  <img style="cursor:pointer" tal:condition="showPlusIcon"
+<metal:plus define-macro="plusIcon" tal:condition="showPlusIcon">
+<input type="button" class="button"
        tal:define="navInfo python:'ref.%s.%s:%s.%d.%d' % (contextObj.UID(), fieldName, appyType['pageName'], 0, totalNumber);
                    formCall python:'window.location=\'%s/do?action=Create&className=%s&nav=%s\'' % (folder.absolute_url(), linkedPortalType, navInfo);
                    formCall python: test(appyType['addConfirm'], 'askConfirm(\'script\', &quot;%s&quot;, &quot;%s&quot;)' % (formCall, addConfirmMsg), formCall);
                    noFormCall python: navBaseCall.replace('**v**', '%d, \'CreateWithoutForm\'' % startNumber);
                    noFormCall python: test(appyType['addConfirm'], 'askConfirm(\'script\', &quot;%s&quot;, &quot;%s&quot;)' % (noFormCall, addConfirmMsg), noFormCall)"
-       tal:attributes="src string:$appUrl/ui/plus.png;
-                       title python: _('add_ref');
+       tal:attributes="style string: background-image: url($appUrl/ui/buttonAdd.png);
+                       value python: _('add_ref');
                        onClick python: test(appyType['noForm'], noFormCall, formCall)"/>
-</metal:plusIcon>
+</metal:plus>
 
 <tal:comment replace="nothing">
   This macro displays, in a cell header from a ref table, icons for sorting the
@@ -161,14 +161,14 @@
 
   <tal:comment replace="nothing">Display a table in all other cases.</tal:comment>
   <tal:anyNumberOfReferences condition="not: atMostOneRef">
-  <div tal:condition="python: not innerRef or showPlusIcon">
-     (<span tal:replace="totalNumber"/>)
-     <metal:plusIcon use-macro="app/ui/widgets/ref/macros/plusIcon"/>
-     <tal:comment replace="nothing">The search icon if field is queryable</tal:comment>
-     <a tal:condition="python: objs and appyType['queryable']"
-        tal:attributes="href python: '%s/ui/search?className=%s&ref=%s:%s' % (tool.absolute_url(), linkedPortalType, contextObj.UID(), appyType['name'])">
-     <img tal:attributes="title python: _('search_title');
-                          src string: $appUrl/ui/search.gif"/></a>
+  <div tal:condition="python: not innerRef or showPlusIcon" style="margin-bottom: 4px">
+   (<span tal:replace="totalNumber"/>)
+   <metal:plus use-macro="app/ui/widgets/ref/macros/plusIcon"/>
+   <tal:comment replace="nothing">The search button if field is queryable</tal:comment>
+   <input type="button" class="button" tal:condition="python: objs and appyType['queryable']"
+          tal:attributes="style string: background-image: url($appUrl/ui/buttonSearch.png);
+                          value python: _('search_title');
+                          onclick python: 'window.location=\'%s/ui/search?className=%s&ref=%s:%s\'' % (tool.absolute_url(), linkedPortalType, contextObj.UID(), appyType['name'])">
   </div>
 
   <tal:comment replace="nothing">Appy (top) navigation</tal:comment>