diff --git a/frontend/src/components/MessageInput.svelte b/frontend/src/components/MessageInput.svelte
index 92d04f7..69b2c9d 100644
--- a/frontend/src/components/MessageInput.svelte
+++ b/frontend/src/components/MessageInput.svelte
@@ -186,6 +186,6 @@
         {/if}
     </div>
     <div class="typing-info-container">
-        <span class="typing-list" class:invisible={ typingList === "?no one?" }>{ typingList }</span><span class="typing-message" class:invisible={ typingList === "?no one?" }>{ typingMessage }</span>
+        <span class="typing-list" class:invisible={ typingList === "?no one?" }>{ typingList }</span> <span class="typing-message" class:invisible={ typingList === "?no one?" }>{ typingMessage }</span>
     </div>
 </div>