diff --git a/scripts/fileview/load/render.js b/scripts/fileview/load/render.js
index bc9be2a..40e07b1 100644
--- a/scripts/fileview/load/render.js
+++ b/scripts/fileview/load/render.js
@@ -31,9 +31,9 @@ module.exports = (dir) => {
         cfc.appendChild(im);
         let cf = document.createElement('b');
         cf.className = 'file-name';
-        if (file.name.length > 20) {
+        if (file.name.length > 25) {
             cf.classList.add('large-file-name');
-            cf.style.animationDuration = `${file.name.length / 2}s`;
+            cf.style.animationDuration = `${file.name.length / 2.5}s`;
             let lfnc = document.createElement('div');
             lfnc.className = 'large-file-name-container';
             cfc.appendChild(lfnc);
diff --git a/styles/files.css b/styles/files.css
index 65df592..1a0bec3 100644
--- a/styles/files.css
+++ b/styles/files.css
@@ -74,8 +74,8 @@
 }
 
 @keyframes scroll-text {
-    from {transform: translateX(100%);}
-    to {transform: translateX(-100%);}
+    from {transform: translateX(35%);}
+    to {transform: translateX(-100.5%);}
 }
 
 .large-file-name {
@@ -84,6 +84,8 @@
     width: max-content;
     height: max-content;
     margin: 0 0;
+    transform: translateX(0%);
+    animation-fill-mode: both;
 }
 
 .large-file-name-container {