diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index 74320aba32a8ff8319c887f70e42bf6a90d70f23..4beb01a4e6aeb81e09a6f4f4119efdfdd0bb2062 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -234,7 +234,7 @@ table td.filename form { font-size:.85em; margin-left:3em; margin-right:3em; }
 
 #fileList tr td.filename a.name label {
 	position: absolute;
-	width: 100%;
+	width: 80%;
 	height: 50px;
 }
 
diff --git a/apps/files_sharing/css/mobile.css b/apps/files_sharing/css/mobile.css
index 55d244ff1e0c1045cd4215b2713f2438e5eb596b..3578aff17f2781a801aad562e42a671de0384804 100644
--- a/apps/files_sharing/css/mobile.css
+++ b/apps/files_sharing/css/mobile.css
@@ -1,10 +1,5 @@
 @media only screen and (max-width: 600px) {
 
-/* make header and controls bar scroll up for more view of content on small screens */
-#header,
-#controls {
-	position: absolute;
-}
 
 /* hide size and date columns */
 table th#headerSize,
@@ -14,5 +9,15 @@ table td.date {
 	display: none;
 }
 
+/* restrict length of displayed filename to prevent overflow */
+table td.filename .nametext {
+	max-width: 80% !important;
+}
+/* and to make room for download button on hover */
+table tr:hover td.filename .nametext,
+table tr:focus td.filename .nametext {
+	max-width: 60% !important;
+}
+
 
 }