diff --git a/asterisk_click2dial/static/src/js/asterisk_click2dial.js b/asterisk_click2dial/static/src/js/asterisk_click2dial.js
index 15443bc..9cfe34e 100644
--- a/asterisk_click2dial/static/src/js/asterisk_click2dial.js
+++ b/asterisk_click2dial/static/src/js/asterisk_click2dial.js
@@ -10,7 +10,8 @@ openerp.asterisk_click2dial = function (instance) {
         template:'asterisk_click2dial.OpenCallingPartner',
 
         start: function () {
-            this.$('button').on('click', this.on_open_calling_partner);
+            this.$('#asterisk-open-calling-partner').on(
+                'click', this.on_open_calling_partner);
             this._super();
         },
 
diff --git a/asterisk_click2dial/static/src/xml/asterisk_click2dial.xml b/asterisk_click2dial/static/src/xml/asterisk_click2dial.xml
index 65736dd..67219e5 100644
--- a/asterisk_click2dial/static/src/xml/asterisk_click2dial.xml
+++ b/asterisk_click2dial/static/src/xml/asterisk_click2dial.xml
@@ -9,13 +9,11 @@
 
     <!-- Add phone button in top right menu for "Open Calling Partner" -->
     <t t-name="asterisk_click2dial.OpenCallingPartner">
-        <div title="Open Calling Partner"
-                class="oe_topbar_item oe_topbar_open_calling_partner">
-            <button>Tel</button>
-            <!-- oe_i is a special icon font : 'A' represents a phone
-            BUT I didn't manage to make it work on v8... so I use
-            a horrible "Tel" button TODO : better button -->
-        </div>
+        <li class="oe_topbar_item oe_topbar_open_calling_partner" title="Open Calling Partner">
+            <a id="asterisk-open-calling-partner">
+                <i class="fa fa-phone" style="color:white;"></i>
+            </a>
+        </li>
     </t>
 
     <!-- Add Dial button in phone widget for click2dial feature -->