diff --git a/client/css/main.css b/client/css/main.css
index 3f584aa..5efa979 100644
--- a/client/css/main.css
+++ b/client/css/main.css
@@ -157,6 +157,7 @@ nav.text-nav ul li.active a {
     max-width: 100%;
 }
 .messages .message {
+    margin: 0.25em 0;
     display: inline-block;
     text-align: left;
     padding: 0.5em 1em;
diff --git a/client/js/util/views.js b/client/js/util/views.js
index df31f69..786cb47 100644
--- a/client/js/util/views.js
+++ b/client/js/util/views.js
@@ -19,7 +19,10 @@ function _messageHandler(target, message, className) {
     node.innerHTML = message.replace(/\n/g, '<br/>');
     node.classList.add('message');
     node.classList.add(className);
-    messagesHolder.appendChild(node);
+    const wrapper = document.createElement('div');
+    wrapper.classList.add('message-wrapper');
+    wrapper.appendChild(node);
+    messagesHolder.appendChild(wrapper);
 }
 
 function _serializeElement(name, attributes) {