diff --git a/templates/index.html b/templates/index.html
index d8b6c7b..963854d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1932,27 +1932,36 @@
             // Create Download All button container
             const btnContainer = document.createElement('div');
             btnContainer.id = 'download-all-btn';
-            btnContainer.style.marginTop = '20px';
+            btnContainer.style.marginTop = '30px';
+            btnContainer.style.marginBottom = '20px';
             btnContainer.style.textAlign = 'center';
+            btnContainer.style.padding = '20px';
+            btnContainer.style.backgroundColor = '#f8f9fa';
+            btnContainer.style.borderRadius = '8px';
+            btnContainer.style.border = '2px solid #007bff';
 
             const downloadAllBtn = document.createElement('button');
             downloadAllBtn.className = 'btn';
-            downloadAllBtn.style.padding = '12px 24px';
-            downloadAllBtn.style.fontSize = '16px';
+            downloadAllBtn.style.padding = '15px 30px';
+            downloadAllBtn.style.fontSize = '18px';
+            downloadAllBtn.style.fontWeight = 'bold';
             downloadAllBtn.style.backgroundColor = '#007bff';
             downloadAllBtn.style.color = 'white';
             downloadAllBtn.style.border = 'none';
-            downloadAllBtn.style.borderRadius = '6px';
+            downloadAllBtn.style.borderRadius = '8px';
             downloadAllBtn.style.cursor = 'pointer';
+            downloadAllBtn.style.boxShadow = '0 2px 4px rgba(0,123,255,0.3)';
             downloadAllBtn.innerHTML = '📦 Download All Files (ZIP)';
+            downloadAllBtn.onmouseover = function() { this.style.backgroundColor = '#0056b3'; };
+            downloadAllBtn.onmouseout = function() { this.style.backgroundColor = '#007bff'; };
             downloadAllBtn.onclick = downloadAllFiles;
 
             btnContainer.appendChild(downloadAllBtn);
 
-            // Insert after the message div
-            const messageDiv = document.querySelector('.message');
-            if (messageDiv && messageDiv.parentNode) {
-                messageDiv.parentNode.insertBefore(btnContainer, messageDiv.nextSibling);
+            // Insert after the file list
+            const fileList = document.getElementById('fileList');
+            if (fileList && fileList.parentNode) {
+                fileList.parentNode.insertBefore(btnContainer, fileList.nextSibling);
             }
         }