diff --git a/customize.dist/src/less2/include/messenger.less b/customize.dist/src/less2/include/messenger.less
index 0845f496e..c81686a7c 100644
--- a/customize.dist/src/less2/include/messenger.less
+++ b/customize.dist/src/less2/include/messenger.less
@@ -126,8 +126,13 @@
                 }
             }
             .cp-app-contacts-muted-button {
+                margin: 10px;
+                border: 0;
                 display: none;
                 order: 3;
+                .fa-bell-slash {
+                    margin-right: 10px;
+                }
             }
         }
     }
diff --git a/www/common/messenger-ui.js b/www/common/messenger-ui.js
index 4d782827b..a633b667d 100644
--- a/www/common/messenger-ui.js
+++ b/www/common/messenger-ui.js
@@ -70,9 +70,11 @@ define([
                 h('div.cp-app-contacts-category-content')
             ]),
             h('div.cp-app-contacts-friends.cp-app-contacts-category', [
-                h('div.cp-app-contacts-category-content.cp-contacts-friends'),
-                h('h2.cp-app-contacts-category-title', Messages.contacts_friends),
-                h('button.cp-app-contacts-muted-button', Messages.contacts_manageMuted || 'MANAGE MUTED') // XXX
+                h('button.cp-app-contacts-muted-button',[
+                    h('i.fa.fa-bell-slash'),
+                    Messages.contacts_manageMuted || 'MANAGE MUTED' // XXX
+                ]), 
+                h('div.cp-app-contacts-category-content.cp-contacts-friends')
             ]),
             h('div.cp-app-contacts-rooms.cp-app-contacts-category', [
                 h('div.cp-app-contacts-category-content'),