diff --git a/index.php b/index.php
index 71a254f..ac011c8 100644
--- a/index.php
+++ b/index.php
@@ -134,10 +134,11 @@
         </div>
 
         <!-- Tab: Uploads -->
+        <!-- fileInput is OUTSIDE uploadZone to prevent click() bubbling up into zone handler -->
+        <input type="file" id="fileInput" accept=".png,.jpg,.jpeg,.svg" multiple style="display:none;position:absolute;">
         <div class="tab-pane active" id="tabUploads">
           <!-- Drop zone -->
           <div class="upload-zone" id="uploadZone">
-            <input type="file" id="fileInput" accept=".png,.jpg,.jpeg,.svg" multiple>
             <i class="fa-solid fa-cloud-arrow-up"></i>
             <p>Drop .png .jpg .svg here</p>
             <button class="btn-d2c btn-dark btn-d2c--sm" type="button" id="btnBrowse">
@@ -566,7 +567,7 @@
     sessionId:  '<?= session_id() ?>'
   };
 </script>
-<script src="<?= APP_BASE_PATH ?>/js/app.js"></script>
+<script src="<?= APP_BASE_PATH ?>/js/app.js?v=<?= time() ?>"></script>
 
 </body>
 </html>
diff --git a/js/app.js b/js/app.js
index e8bcf5c..878cb19 100644
--- a/js/app.js
+++ b/js/app.js
@@ -153,10 +153,15 @@
   const $zone   = $('#uploadZone');
   const $input  = $('#fileInput');
 
-  $('#btnBrowse').on('click', () => $input.trigger('click'));
+  $('#btnBrowse').on('click', function(e) {
+    e.stopPropagation(); // Avoid zone catching the button click
+    $input[0].click();   // Native click, safer than jQuery's .trigger('click') for files
+  });
+
   $zone.on('click', function (e) {
-    if ($(e.target).is('button') || $(e.target).closest('button').length) return;
-    $input.trigger('click');
+    // If clicking directly on the input or the button, do nothing to avoid loops
+    if ($(e.target).closest('button, input').length) return;
+    $input[0].click();
   });
 
   // Drag & drop visual