diff --git a/CHANGELOG.md b/CHANGELOG.md
index e2778a2013e89d6ffe54dff326bacf1010bf1611..e1909a6d71e27b8e8a97314b0de429054408260d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@ Note that since we don't clearly distinguish between a public and private interf
 
 - `meshes` extension: Fixed a bug in mesh visualization (show backfaces when opacity < 1) 
 - Add color quick select control to Volume controls
+- Fix `dropFiles` bug
 
 ## [v3.28.0] - 2022-12-20
 
diff --git a/src/mol-plugin-ui/plugin.tsx b/src/mol-plugin-ui/plugin.tsx
index fc492fe8caa0a02f8307886137cd4d1ce88cd983..3dad5f44b27c34eef1dc1f3300adb89241202fd7 100644
--- a/src/mol-plugin-ui/plugin.tsx
+++ b/src/mol-plugin-ui/plugin.tsx
@@ -108,7 +108,7 @@ class Layout extends PluginUIComponent {
             }
         } else {
             for (let i = 0; i < ev.dataTransfer.files.length; i++) {
-                const file = ev.dataTransfer.files[0];
+                const file = ev.dataTransfer.files[i];
                 if (file) files.push(file);
             }
         }
@@ -172,7 +172,7 @@ function dropFiles(ev: React.DragEvent<HTMLDivElement>, plugin: PluginUIContext,
         }
     } else {
         for (let i = 0; i < ev.dataTransfer.files.length; i++) {
-            const file = ev.dataTransfer.files[0];
+            const file = ev.dataTransfer.files[i];
             if (file) files.push(file);
         }
     }