diff --git a/WebsitePanel/Sources/WebsitePanel.WebDavPortal/Scripts/appScripts/wsp.js b/WebsitePanel/Sources/WebsitePanel.WebDavPortal/Scripts/appScripts/wsp.js
index 41c7c42e..204be19b 100644
--- a/WebsitePanel/Sources/WebsitePanel.WebDavPortal/Scripts/appScripts/wsp.js
+++ b/WebsitePanel/Sources/WebsitePanel.WebDavPortal/Scripts/appScripts/wsp.js
@@ -69,6 +69,15 @@ $(document).click(function(event) {
     }
 });
 
+$('#drag-and-drop-area').click(function (e) {
+    $('#file-input').click();
+});
+
+$('#drag-and-drop-area #file-input').click(function (e) {
+    e.stopPropagation();
+});
+
+
 function isMobileDevice() {
     return (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
 }
diff --git a/WebsitePanel/Sources/WebsitePanel.WebDavPortal/Views/FileSystem/UploadFiles.cshtml b/WebsitePanel/Sources/WebsitePanel.WebDavPortal/Views/FileSystem/UploadFiles.cshtml
index 401f0bb2..8c43dfd9 100644
--- a/WebsitePanel/Sources/WebsitePanel.WebDavPortal/Views/FileSystem/UploadFiles.cshtml
+++ b/WebsitePanel/Sources/WebsitePanel.WebDavPortal/Views/FileSystem/UploadFiles.cshtml
@@ -12,7 +12,7 @@
     
 <div class="row fileupload-buttonbar">
     <div class="col-lg-12">
-        <div class="drag-and-drop-area">
+        <div id="drag-and-drop-area" class="drag-and-drop-area">
             <span class="info-block">
                 <i class="glyphicon glyphicon-upload upload-block-icon"></i>
                 <span class="upload-block-text">
@@ -23,7 +23,7 @@
                 </span>
             </span>
             <div class="upload-block">
-                <input type="file" tabindex="0" multiple>
+                <input id="file-input" type="file" tabindex="0" multiple>
             </div>
         </div>
     </div>