diff --git a/templates/answer-post.html b/templates/answer-post.html
index 91458b7..f8c39af 100644
--- a/templates/answer-post.html
+++ b/templates/answer-post.html
@@ -4,7 +4,7 @@
             <span class="card-title">Ты отвечаешь: <a href="#post-{{ target_post_id }}">>>{{ target_post_id }}</a></span>
         </div>
         <div class="row">
-            <a class="btn-floating halfway-fab waves-effect waves-light red" href="#post-{{ target_post_id }}"><i class="material-icons">>></i></a>
+            <a class="btn-floating halfway-fab waves-effect waves-light red" href="#post-{{ target_post_id }}"><i class="material-icons">>>{{ target_post_id }}</i></a>
         </div>
         <form hx-encoding='multipart/form-data'  _='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'>
         <div class="row">
@@ -14,10 +14,19 @@
             </div>
         </div> 
         <div class="row">
-            <div class="input-field col s6">
-                <input id="file" name="file" type="file" multiple>
-                <label for="file">Upload</label>
-                <progress id='progress' value='0' max='100'></progress>
+            <div class="input-field col s6"> 
+                <div class="file-field input-field">
+                    <div class="btn">
+                        <span>File</span>
+                        <input id="file" name="file" type="file" multiple>
+                    </div>
+                    <div class="file-path-wrapper">
+                        <input class="file-path validate" type="text" placeholder="Upload one or more files">
+                    </div>
+                    <div class="file-progress">
+                        <progress id='progress' value='0' max='100'></progress>
+                    </div>
+                </div> 
             </div> 
         </div>
         </form>