diff --git a/webui-src/app/channels/channels.js b/webui-src/app/channels/channels.js
new file mode 100644
index 0000000..c362755
--- /dev/null
+++ b/webui-src/app/channels/channels.js
@@ -0,0 +1,34 @@
+let m = require('mithril');
+let rs = require('rswebui');
+
+
+let Channel = () => {
+  return {
+    view: () => m('.channel'),
+  };
+};
+
+let MyChannels = () => {
+  return {
+    view: () => m('.widget', [
+      m('h3', 'My channels'),
+      m('hr'),
+      m(Channel),
+    ])
+  };
+};
+
+const Layout = () => {
+  return {
+    view: vnode => m('.tab-page', [
+      m(MyChannels),
+    ]),
+  };
+};
+
+module.exports = {
+  view: (vnode) => {
+    return m(Layout);
+  },
+};
+
diff --git a/webui-src/app/main.js b/webui-src/app/main.js
index cd79f58..07c09b5 100644
--- a/webui-src/app/main.js
+++ b/webui-src/app/main.js
@@ -6,9 +6,10 @@ let rs = require('rswebui');
 const navIcon = {
   home: m('i.fas.fa-home'),
   network: m('i.fas.fa-share-alt'),
-  chat: m('i.fas.fa-share-alt'),
+  chat: m('i.fas.fa-comments'),
   mail: m('i.fas.fa-envelope'),
   files: m('i.fas.fa-folder-open'),
+  channels: m('i.fas.fa-tv'),
   config: m('i.fas.fa-cogs'),
 };
 
@@ -39,6 +40,7 @@ const Layout = () => {
           chat: '/chat',
           mail: '/mail/inbox',
           files: '/files',
+          channels: '/channels',
           config: '/config/network',
         },
       }),
@@ -53,6 +55,7 @@ function onSuccess() {
   let chat = require('chat');
   let mail = require('mail_resolver');
   let files = require('files_resolver');
+  let channels = require('channels');
   let config = require('config_resolver');
 
   m.route(document.getElementById('main'), '/home', {
@@ -74,6 +77,9 @@ function onSuccess() {
     '/files': {
       render: (v) => m(Layout, m(files))
     },
+    '/channels': {
+      render: (v) => m(Layout, m(channels))
+    },
     '/config/:tab': {
       render: (v) => m(Layout, m(config, v.attrs))
     },