diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index 48520cbd710d3..2b61b20778cec 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -681,6 +681,7 @@ table tr.summary td {
 
 table.dragshadow {
 	width:auto;
+	z-index: 100;
 }
 table.dragshadow td.filename {
 	padding-left:60px;
diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss
index 9e1c8a01d89c6..6d7d3460abb28 100644
--- a/apps/files/css/mobile.scss
+++ b/apps/files/css/mobile.scss
@@ -85,4 +85,9 @@ table td.filename .nametext .innernametext {
 	display: block !important;
 }
 
+/* ensure that it is visible over #app-content */
+table.dragshadow {
+	z-index: 1000;
+}
+
 }
diff --git a/apps/files/js/files.js b/apps/files/js/files.js
index cdc2e27a6128c..9607400f1ddf8 100644
--- a/apps/files/js/files.js
+++ b/apps/files/js/files.js
@@ -383,7 +383,6 @@ var dragOptions={
 	revert: 'invalid',
 	revertDuration: 300,
 	opacity: 0.7,
-	zIndex: 100,
 	appendTo: 'body',
 	cursorAt: { left: 24, top: 18 },
 	helper: createDragShadow,