diff --git a/src/lib/components/MessageInput.svelte b/src/lib/components/MessageInput.svelte
index a050e81..fc28004 100644
--- a/src/lib/components/MessageInput.svelte
+++ b/src/lib/components/MessageInput.svelte
@@ -20,6 +20,13 @@
 	function handleClear() {
 		clearMessages(); // Call the clearMessages function to clear all messages.
 	}
+
+	function handleKeyDown(event) {
+		if (event.key === 'Enter') {
+			handleSend();
+			event.preventDefault(); // Prevents a newline being added to the input field
+		}
+	}
 </script>
 
 <footer class="bg-white p-4 flex justify-end">
@@ -28,6 +35,7 @@
 		class="flex-grow border rounded px-3 py-2 mr-2"
 		placeholder="Type your message..."
 		bind:value={newMessageText}
+		on:keydown={handleKeyDown}
 	/>
 	<button class="bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded" on:click={handleSend}>
 		Send Message