diff --git a/www/common/common-messaging.js b/www/common/common-messaging.js
index fd5f55f88..bfc983914 100644
--- a/www/common/common-messaging.js
+++ b/www/common/common-messaging.js
@@ -289,9 +289,11 @@ define([
 
         var $avatar = $('<div>', {'class': 'avatar'}).appendTo($header);
 
-        var $removeHistory = $('<button>', {
-            'class': 'remove-history'
-        }).text('remove chat history').click(function () {
+        var $removeHistory = $('<span>', {
+            'class': 'remove-history fa fa-eraser'
+        })
+        // TODO set title
+        .click(function () {
             Cryptpad.confirm(common.Messages.contacts_confirmRemoveHistory, function (yes) {
                 if (!yes) { return; }
                 Cryptpad.clearOwnedChannel(data.channel, function (e) {
diff --git a/www/contacts/main.less b/www/contacts/main.less
index 4ef5efbad..ac9af7c78 100644
--- a/www/contacts/main.less
+++ b/www/contacts/main.less
@@ -116,12 +116,17 @@ body {
     display: flex;
     justify-content: space-between;
     align-items: center;
+
     .avatar,
     .right-col {
-         flex:1 1 auto; //; // 1 auto;
+         flex:1 1 auto;
     }
     .remove-history {
-        // TODO
+        height: 100%;
+
+        &:hover {
+            background-color: lighten(@bg-color, 20%);
+        }
     }
 }