diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index e6c65a65a9..741ea329c8 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -350,6 +350,10 @@ table td.filename .nametext {
 	max-width: 800px;
 	height: 100%;
 }
+/* ellipsis on file names */
+table td.filename .nametext .innernametext {
+	max-width: calc(100% - 100px) !important;
+}
 .has-favorites #fileList td.filename a.name {
 	left: 50px;
 	margin-right: 50px;
diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss
index 28225b82fe..9e1c8a01d8 100644
--- a/apps/files/css/mobile.scss
+++ b/apps/files/css/mobile.scss
@@ -61,7 +61,7 @@ table td.filename .nametext {
 
 /* ellipsis on file names */
 table td.filename .nametext .innernametext {
-	max-width: calc(100% - 175px);
+	max-width: calc(100% - 175px) !important;
 }
 
 /* proper notification area for multi line messages */