diff --git a/themes/bootstrap/public/mailbox.js b/themes/bootstrap/public/mailbox.js
index 3b26a99..886c9a5 100644
--- a/themes/bootstrap/public/mailbox.js
+++ b/themes/bootstrap/public/mailbox.js
@@ -56,7 +56,7 @@ function loadList() {
     dataType: "json",
     url: '/api/v1/mailbox/' + mailbox,
     success: function(data) {
-      messageListData = data;
+      messageListData = data.reverse();
       // Render list
       $('#message-list').loadTemplate($('#list-entry-template'), data);
       $('.message-list-entry').click(onMessageListClick);
diff --git a/themes/bootstrap/public/monitor.js b/themes/bootstrap/public/monitor.js
index e670621..3a03ed6 100644
--- a/themes/bootstrap/public/monitor.js
+++ b/themes/bootstrap/public/monitor.js
@@ -30,7 +30,7 @@ function startMonitor(mailbox) {
     $('#monitor-message-list').loadTemplate(
         $('#message-template'),
         msg,
-        { append: true });
+        { prepend: true });
   });
   ws.addEventListener('close', function (e) {
     $('#conn-status').text('Disconnected!');