diff --git a/templates/view.html b/templates/view.html
index b93450d..071e260 100644
--- a/templates/view.html
+++ b/templates/view.html
@@ -46,8 +46,27 @@
 
 <!-- Replies -->
 <div class="border-t border-gray-100 pt-5">
+    {% if g.user %}
+    <form method="post" action="{{ url_for('create_reply', identifier=did, rkey=paste_id.split('/')[-1]) }}" class="mb-5">
+        <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
+        <input type="hidden" name="at_uri" value="{{ at_uri }}">
+        <input type="hidden" name="cid" value="{{ cid }}">
+        <div class="flex gap-3">
+            <div class="shrink-0 mt-1">
+                <img src="/avatar/{{ g.user.did }}" alt="" class="w-5 h-5 rounded-full bg-gray-100">
+            </div>
+            <div class="flex-1 relative">
+                <textarea name="text" rows="1" required placeholder="write a reply..."
+                          class="w-full pl-3 pr-20 py-2.5 border border-gray-200 rounded-md text-sm text-gray-900 placeholder-gray-400 focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 resize-none"></textarea>
+                <button type="submit"
+                        class="absolute right-1.5 top-1/2 -translate-y-1/2 bg-indigo-600 text-white px-3 py-1 rounded text-xs font-medium hover:bg-indigo-700 transition-colors">reply</button>
+            </div>
+        </div>
+    </form>
+    {% endif %}
+
     {% if replies %}
-    <div class="space-y-4 mb-5">
+    <div class="space-y-4">
         {% for reply in replies %}
         <div class="flex gap-3">
             <div class="shrink-0 mt-0.5">
@@ -72,26 +91,5 @@
         {% endfor %}
     </div>
     {% endif %}
-
-    {% if g.user %}
-    <form method="post" action="{{ url_for('create_reply', identifier=did, rkey=paste_id.split('/')[-1]) }}">
-        <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
-        <input type="hidden" name="at_uri" value="{{ at_uri }}">
-        <input type="hidden" name="cid" value="{{ cid }}">
-        <div class="flex gap-3">
-            <div class="shrink-0 mt-1">
-                <img src="/avatar/{{ g.user.did }}" alt="" class="w-5 h-5 rounded-full bg-gray-100">
-            </div>
-            <div class="flex-1">
-                <textarea name="text" rows="2" required placeholder="Write a reply..."
-                          class="w-full px-3 py-2 border border-gray-200 rounded-md text-sm text-gray-900 placeholder-gray-400 focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 resize-none"></textarea>
-                <div class="flex justify-end mt-1.5">
-                    <button type="submit"
-                            class="bg-indigo-600 text-white px-3.5 py-1.5 rounded-md hover:bg-indigo-700 text-sm font-medium transition-colors">reply</button>
-                </div>
-            </div>
-        </div>
-    </form>
-    {% endif %}
 </div>
 {% endblock %}