diff --git a/modules/core/client/app/trans-string-en.js b/modules/core/client/app/trans-string-en.js
index 36fb873b..ae3b3772 100644
--- a/modules/core/client/app/trans-string-en.js
+++ b/modules/core/client/app/trans-string-en.js
@@ -468,6 +468,7 @@
 
     //user message box
     MESSAGES_BOX: 'Messages Box',
+    MESSAGES_IS_EMPTY: 'Messages Box is empty!',
 
     //chat view
     CHAT_USERS_LIST: 'Users List',
diff --git a/modules/core/client/app/trans-string-zh.js b/modules/core/client/app/trans-string-zh.js
index ce469610..8ea04390 100644
--- a/modules/core/client/app/trans-string-zh.js
+++ b/modules/core/client/app/trans-string-zh.js
@@ -468,6 +468,7 @@
 
     //user message box
     MESSAGES_BOX: '站内消息',
+    MESSAGES_IS_EMPTY: '消息盒子为空!',
 
     //chat view
     CHAT_USERS_LIST: '用户列表',
diff --git a/modules/core/client/controllers/header.client.controller.js b/modules/core/client/controllers/header.client.controller.js
index b24f88b8..8865ec84 100644
--- a/modules/core/client/controllers/header.client.controller.js
+++ b/modules/core/client/controllers/header.client.controller.js
@@ -46,8 +46,6 @@
      * getInvitationsCount
      */
     vm.getInvitationsCount = function () {
-      console.log(Authentication.user);
-
       if (Authentication.user) {
         InvitationsService.countInvitations({}, function (res) {
           if (res.countMyInvitations > 0) {
diff --git a/modules/messages/client/less/message.less b/modules/messages/client/less/message.less
index 97c8da04..38a5d70a 100644
--- a/modules/messages/client/less/message.less
+++ b/modules/messages/client/less/message.less
@@ -1,2 +1,10 @@
 @import (reference) "../../../core/client/less/mt-var.less";
 
+.messages-list {
+    .pagination-div-bottom {
+        border-top: 2px solid lighten(@gray-base, 85%)
+    }
+    .pagination-div-top {
+        border-bottom: 2px solid lighten(@gray-base, 85%)
+    }
+}
\ No newline at end of file
diff --git a/modules/messages/client/views/box.client.view.html b/modules/messages/client/views/box.client.view.html
index a49f934b..4af6c618 100644
--- a/modules/messages/client/views/box.client.view.html
+++ b/modules/messages/client/views/box.client.view.html
@@ -1,8 +1,61 @@
 <section>
-    <div class="row">
-        <div class="col-sm-12">
-            <div class="page-header">
-                <h3>{{'MESSAGES_BOX' | translate}}</h3>
+    <div class="row margin-top-20">
+        <div class="col-md-12 messages-list" id="top_of_messages_list">
+
+            <div class="row margin-bottom-20">
+                <div class="col-xs-12 col-md-3">
+                    <h4>{{'MESSAGES_BOX' | translate}}</h4>
+                </div>
+                <div class="col-xs-7 col-md-3 col-md-offset-4">
+                    <input class="form-control" type="text" ng-model="vm.search" placeholder="Search"
+                           ng-change="vm.figureOutItemsToDisplay()"/>
+                </div>
+                <div class="col-xs-5 col-md-2">
+                    <button class="btn btn-success btn-block">New Message</button>
+                </div>
+            </div>
+
+            <div class="pagination-div-top">
+                <div class="row">
+                    <div class="col-sm-12 col-md-7">
+                        <ul uib-pagination boundary-links="true" max-size="8" items-per-page="vm.itemsPerPage" total-items="vm.filterLength"
+                            ng-model="vm.currentPage"
+                            ng-change="vm.pageChanged()"
+                            first-text="{{ 'PAGE_TEXT_FIRST' | translate}}" previous-text="{{ 'PAGE_TEXT_PREVIOUS' | translate}}"
+                            next-text="{{ 'PAGE_TEXT_NEXT' | translate}}" last-text="{{ 'PAGE_TEXT_LAST' | translate}}">
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <div class="table-responsive margin-top-50 margin-bottom-50 text-center" ng-if="!vm.pagedItems.length">
+                <h3>{{ 'MESSAGES_IS_EMPTY' | translate }}</h3>
+            </div>
+            <div class="table-responsive" ng-if="vm.pagedItems.length">
+                <table class="table table-hover tb-v-middle">
+                    <thead>
+                        <tr>
+                            <th>{{ 'TABLE_FIELDS.INFO' | translate}}</th>
+                            <th class="text-center">{{ 'TABLE_FIELDS.VOTES' | translate}}</th>
+                            <th class="text-center">{{ 'TABLE_FIELDS.LIFETIME' | translate}}</th>
+                            <th class="text-center">{{ 'TABLE_FIELDS.SIZE' | translate}}</th>
+                            <th class="text-center">{{ 'TABLE_FIELDS.SEEDS_LEECHERS_FINISHED' | translate}}</th>
+                            <th class="text-center">{{ 'TABLE_FIELDS.PUBLISHER' | translate}}</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+
+                    </tbody>
+                </table>
+            </div>
+
+            <div class="pagination-div-bottom">
+                <ul uib-pagination boundary-links="true" max-size="8" items-per-page="vm.itemsPerPage" total-items="vm.filterLength"
+                    ng-model="vm.currentPage"
+                    ng-change="vm.pageChanged()"
+                    first-text="{{ 'PAGE_TEXT_FIRST' | translate}}" previous-text="{{ 'PAGE_TEXT_PREVIOUS' | translate}}"
+                    next-text="{{ 'PAGE_TEXT_NEXT' | translate}}" last-text="{{ 'PAGE_TEXT_LAST' | translate}}">
+                </ul>
             </div>
         </div>
     </div>
diff --git a/modules/messages/server/routes/messages.server.routes.js b/modules/messages/server/routes/messages.server.routes.js
index 857d3f49..2a07dfd8 100644
--- a/modules/messages/server/routes/messages.server.routes.js
+++ b/modules/messages/server/routes/messages.server.routes.js
@@ -15,7 +15,7 @@ module.exports = function (app) {
     .get(messages.listReply)
     .put(messages.update)
     .delete(messages.delete)
-    .post(message.createReply);
+    .post(messages.createReply);
 
   app.route('/api/messages/:messageId/:replyId').all(messagesPolicy.isAllowed)
     .delete(messages.deleteReply);