diff --git a/app/views/messages/_form.html.erb b/app/views/messages/_form.html.erb
index 6cb8e39..f74fd1e 100644
--- a/app/views/messages/_form.html.erb
+++ b/app/views/messages/_form.html.erb
@@ -1,4 +1,6 @@
-<%= form_with(model: [@room, @message], data: { turbo_stream: true }) do |form| %>
-  <%= render "messages/textarea" %>
-  <%= form.submit "Send", class: "w-full rounded-lg bg-slate-500 text-white"%>
+  <%= form_with(model: [@room, @message], data: { turbo_stream: true }) do |form| %>
+  <div class="flex gap-2 items-center items-stretch">
+    <%= render "messages/textarea" %>
+    <%= form.submit "Send", class: "p-4 rounded-lg bg-slate-500 text-white" %>
+  </div>
 <% end %>
\ No newline at end of file
diff --git a/app/views/messages/_textarea.html.erb b/app/views/messages/_textarea.html.erb
index ea94b9b..cce1918 100644
--- a/app/views/messages/_textarea.html.erb
+++ b/app/views/messages/_textarea.html.erb
@@ -1,3 +1 @@
-<div id="message_content">
-  <textarea name="message[content]" id="message_content" class="mb-2" placeholder="your message..."></textarea>
-</div>
\ No newline at end of file
+<textarea name="message[content]" id="message_content" class="rounded-lg" placeholder="your message..."></textarea>
\ No newline at end of file
diff --git a/app/views/rooms/show.html.erb b/app/views/rooms/show.html.erb
index cd5e165..e03ae18 100644
--- a/app/views/rooms/show.html.erb
+++ b/app/views/rooms/show.html.erb
@@ -2,7 +2,7 @@
   <h1 class="font-bold text-4xl mx-auto">
     <%= @room.name %>
   </h1>
-  <div id="messages" class="w-[25rem] mx-[5rem] flex flex-col gap-2 h-[10rem] overflow-y-auto flex-col-reverse">
+  <div id="messages" class="min-w-[20rem] py-2 mx-[5rem] flex flex-col gap-2 h-[15rem] overflow-y-auto flex-col-reverse">
     <%= render @messages%>
     <%= turbo_stream_from @room %>
   </div>