diff --git a/app/templates/file.js b/app/templates/file.js
index 070fc296..4a1bac47 100644
--- a/app/templates/file.js
+++ b/app/templates/file.js
@@ -18,7 +18,7 @@ module.exports = function(file, state, emit) {
   const remaining = timeLeft(ttl) || state.translate('linkExpiredAlt');
   const row = html`
   <tr id="${file.id}">
-    <td title="${file.name}">${file.name}</td>
+    <td class="overflow-col" title="${file.name}">${file.name}</td>
     <td class="center-col">
       <img onclick=${copyClick} src="${assets.get(
     'copy-16.svg'
diff --git a/assets/main.css b/assets/main.css
index 770b1a87..b96a3008 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -296,10 +296,6 @@ td {
   padding: 17px 19px 0;
   line-height: 23px;
   position: relative;
-  text-overflow: ellipsis;
-  max-width: 0;
-  overflow: hidden;
-  white-space: nowrap;
 }
 
 table {
@@ -333,6 +329,13 @@ tbody {
   width: 12%;
 }
 
+.overflow-col {
+  text-overflow: ellipsis;
+  max-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .center-col {
   text-align: center;
 }