diff --git a/filed/static/paint.css b/filed/static/paint.css
index 3e0e001..9db8b41 100644
--- a/filed/static/paint.css
+++ b/filed/static/paint.css
@@ -126,4 +126,19 @@ p {
 }
 .btn:active {
     background: #323232;
+}
+
+
+.file-drag-n-drop {
+    width: 400px;
+    height: 400px;
+    background: var(--header-sec-color);
+    border-radius: 16px;
+    padding: var(--header-padding-x);
+}
+.file-drag-n-drop-inside {
+    padding: var(--header-padding-x);
+    border: 4px dotted #656565;
+    height: calc(100% - 32px - 8px);
+    border-radius: 16px;
 }
\ No newline at end of file
diff --git a/filed/templates/index.html b/filed/templates/index.html
index 1ee0323..434c32f 100644
--- a/filed/templates/index.html
+++ b/filed/templates/index.html
@@ -27,7 +27,16 @@
                         <label for="bfile-formupload-delete-dl">After 30 minutes OR a download</label>
                     </li>
                 </ul>
-                
+                <p>
+                    <input type="file" name="file" id="bfile-formupload-file" style="display: none" />
+                    <label for="bfile-formupload-file">
+                        <div class="file-drag-n-drop">
+                            <div class="file-drag-n-drop-inside">
+                                
+                            </div>
+                        </div>
+                    </label>
+                </p>
             </form>
         </div>
     </div>