diff --git a/frontend/src/components/MessageInput.svelte b/frontend/src/components/MessageInput.svelte
index 9809d47..883cecd 100644
--- a/frontend/src/components/MessageInput.svelte
+++ b/frontend/src/components/MessageInput.svelte
@@ -65,7 +65,6 @@
     }
 
     .message-input {
-        height: 3em;
         width: 100%;
         background-color : var(--background-color-2);
         border: none;
@@ -74,6 +73,7 @@
         padding: var(--space-sm);
         font-size: inherit;
         line-height: inherit;
+        resize: none;
     }
 
     .message-input::placeholder {
@@ -87,9 +87,10 @@
 
 <div class="message-input-container">
     <textarea
-        placeholder={`Send something interesting to #${channel.name}`}
+        placeholder={$smallViewport ? `Message #${channel.name}` : `Send something interesting to #${channel.name}`}
         type="text"
         class="message-input"
+        rows="1"
         on:keydown={ onKeydown }
         bind:value={ messageInput }
     />