1 files changed, 7 insertions, 3 deletions
diff --git a/apps/files/src/components/FileEntry.vue b/apps/files/src/components/FileEntry.vue
index 412ac44fee2..1c96a7da3e1 100644
--- a/apps/files/src/components/FileEntry.vue
+++ b/apps/files/src/components/FileEntry.vue
@@ -441,16 +441,20 @@ tr {
 .files-list__row-icon-preview:not([style*='background']) {
     background: linear-gradient(110deg, var(--color-loading-dark) 0%, var(--color-loading-dark) 25%, var(--color-loading-light) 50%, var(--color-loading-dark) 75%, var(--color-loading-dark) 100%);
     background-size: 400%;
-	animation: preview-gradient-slide 1s ease infinite;
+	animation: preview-gradient-slide 1.2s ease-in-out infinite;
 }
 </style>
 
 <style>
 @keyframes preview-gradient-slide {
-    from {
+    0% {
         background-position: 100% 0%;
     }
-    to {
+    50% {
+        background-position: 0% 0%;
+    }
+	/* adds a small delay to the animation */
+    100% {
         background-position: 0% 0%;
     }
 }