diff --git a/api_webchat/messagesArea.js b/api_webchat/messagesArea.js
index 7a1a484e..47029a60 100644
--- a/api_webchat/messagesArea.js
+++ b/api_webchat/messagesArea.js
@@ -39,12 +39,16 @@ messagesAreaStyle.textContent = `
         margin-right: var(--margin);
     }
     .message {
-        margin-bottom: var(--margin);
+        margin: 0;
         line-height: 1.3;
         padding: 5px;
         border-radius: 10px;
 
     }
+    .message p{
+        margin: 0;
+        padding: 0;
+    }
     .token {
         display: inline;
         opacity: 0;
@@ -77,10 +81,12 @@ messagesAreaStyle.textContent = `
     .error{
         background: lightcoral;
         color: white;
+        margin-bottom: var(--margin);
     }
     .info{
         background: lightblue;
         color: navy;
+        margin-bottom: var(--margin);
     }
 `;
 messagesAreaTemplate.content.appendChild(messagesAreaStyle);