diff --git a/assets/js/user_socket.ts b/assets/js/user_socket.ts
index 42e38f2..416f3b6 100644
--- a/assets/js/user_socket.ts
+++ b/assets/js/user_socket.ts
@@ -42,6 +42,7 @@ const init = () => {
 
     channel.on("new_msg", (payload) => {
       const messageItem = document.createElement("div");
+      messageItem.className = "px-4";
 
       const senderItem = document.createElement("span");
       senderItem.innerText = `${payload.user.handle}: `;