diff --git a/scripts/fileview/load/render.js b/scripts/fileview/load/render.js
index 11c2f82..bc9be2a 100644
--- a/scripts/fileview/load/render.js
+++ b/scripts/fileview/load/render.js
@@ -33,6 +33,7 @@ module.exports = (dir) => {
         cf.className = 'file-name';
         if (file.name.length > 20) {
             cf.classList.add('large-file-name');
+            cf.style.animationDuration = `${file.name.length / 2}s`;
             let lfnc = document.createElement('div');
             lfnc.className = 'large-file-name-container';
             cfc.appendChild(lfnc);