diff --git a/filed/static/assets/dragndrop-form.js b/filed/static/assets/dragndrop-form.js
index 8684bbc..c0cbb7c 100644
--- a/filed/static/assets/dragndrop-form.js
+++ b/filed/static/assets/dragndrop-form.js
@@ -6,6 +6,11 @@
 
         /** @type {HTMLElement} */
         const root_drag_rop = document.getElementsByClassName('file-drag-n-drop')[0];
+
+        // make the root drag&drop element an ideal circle
+        root_drag_rop.style.width   = root_drag_rop.offsetWidth + 'px';
+        root_drag_rop.style.height  = root_drag_rop.offsetWidth + 'px';
+
         /** @type {HTMLElement} */
         const drag_rop = document.getElementsByClassName('file-drag-n-drop-inside')[0];
         const dr_rop_t = document.getElementsByClassName('file-drag-n-drop-inside-text')[0];
diff --git a/filed/static/assets/upload_form.css b/filed/static/assets/upload_form.css
index d4f97bb..fbcc216 100644
--- a/filed/static/assets/upload_form.css
+++ b/filed/static/assets/upload_form.css
@@ -1,7 +1,7 @@
 .file-drag-n-drop {
     display: block;
     cursor: pointer;
-    width: 440px;
+    width: 100%;
     height: 440px;
     background: var(--header-sec-color);
     border-radius: 16px;