4 files changed, 27 insertions, 27 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>
diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte
index 658d966..1210b43 100644
--- a/ui/routes/(app)/+layout.svelte
+++ b/ui/routes/(app)/+layout.svelte
@@ -121,9 +121,7 @@
 <div id="interface">
   <nav id="sidebar" data-expanded={pageContext.showMenu}>
     <ConversationList active={conversationId} {conversations} />
-    <div class="create-conversation">
-      <CreateConversationForm {createConversation} />
-    </div>
+    <CreateConversationForm {createConversation} />
   </nav>
   <main>
     {@render children?.()}
diff --git a/ui/routes/(app)/c/[conversation]/+page.svelte b/ui/routes/(app)/c/[conversation]/+page.svelte
index e6cd845..24baa47 100644
--- a/ui/routes/(app)/c/[conversation]/+page.svelte
+++ b/ui/routes/(app)/c/[conversation]/+page.svelte
@@ -116,6 +116,4 @@
     </MessageRun>
   {/each}
 </div>
-<div class="create-message">
-  <MessageInput {sendMessage} />
-</div>
+<MessageInput {sendMessage} />