diff --git a/themes/default/public/js/upload.js b/themes/default/public/js/upload.js
index 2730419..e223cad 100644
--- a/themes/default/public/js/upload.js
+++ b/themes/default/public/js/upload.js
@@ -499,7 +499,7 @@ document.addEventListener("DOMContentLoaded", () => {
       : "";
 
     const zipMultiple = document.getElementById("zip-multiple").checked;
-    const zipName = document.getElementById("zip-name").value;
+    const zipName = document.querySelector("#zip-name input").value;
 
     const mustZip = providedFiles.length > 1 ? zipMultiple : false;
 
diff --git a/themes/default/templates/index.html.ep b/themes/default/templates/index.html.ep
index 5d328d5..4dea140 100644
--- a/themes/default/templates/index.html.ep
+++ b/themes/default/templates/index.html.ep
@@ -146,9 +146,9 @@
                     </div>
 
                     <div class="control is-expanded">
-                      <label class="label">
+                      <label id="zip-name" class="label">
                         <%= l('Name of the zip file') %>
-                        <input id="zip-name" type="text" class="input" value="documents.zip" placeholder="documents.zip">
+                        <input type="text" class="input" value="documents.zip" placeholder="documents.zip">
                       </label>
                     </div>
                   </div>