2 files changed, 25 insertions, 21 deletions
diff --git a/ui/lib/components/CreateConversationForm.svelte b/ui/lib/components/CreateConversationForm.svelte
index e390a78..d6056d3 100644
--- a/ui/lib/components/CreateConversationForm.svelte
+++ b/ui/lib/components/CreateConversationForm.svelte
@@ -16,7 +16,9 @@
   }
 </script>
 
-<form {onsubmit}>
-  <input type="text" placeholder="start a conversation" bind:value={name} {disabled} />
-  <button type="submit">&#x2795;</button>
-</form>
+<div class="create-conversation">
+  <form {onsubmit}>
+    <input type="text" placeholder="start a conversation" bind:value={name} {disabled} />
+    <button type="submit">&#x2795;</button>
+  </form>
+</div>
diff --git a/ui/lib/components/MessageInput.svelte b/ui/lib/components/MessageInput.svelte
index 77c39be..7df4ab2 100644
--- a/ui/lib/components/MessageInput.svelte
+++ b/ui/lib/components/MessageInput.svelte
@@ -45,20 +45,22 @@
   }
 </script>
 
-<form {onsubmit}>
-  <textarea bind:value hidden {disabled}></textarea>
-  <div
-    role="textbox"
-    tabindex="0"
-    contenteditable="plaintext-only"
-    class={{
-      textarea: true,
-      disabled,
-    }}
-    bind:innerText={value}
-    {onkeydown}
-    {onpaste}
-    data-placeholder="Say something..."
-  ></div>
-  <button type="submit">&raquo;</button>
-</form>
+<div class="create-message">
+  <form {onsubmit}>
+    <textarea bind:value hidden {disabled}></textarea>
+    <div
+      role="textbox"
+      tabindex="0"
+      contenteditable="plaintext-only"
+      class={{
+        textarea: true,
+        disabled,
+      }}
+      bind:innerText={value}
+      {onkeydown}
+      {onpaste}
+      data-placeholder="Say something..."
+    ></div>
+    <button type="submit">&raquo;</button>
+  </form>
+</div>