diff --git a/src/zen/folders/zen-folders.css b/src/zen/folders/zen-folders.css
index 5ab525230..bdfa5ab15 100644
--- a/src/zen/folders/zen-folders.css
+++ b/src/zen/folders/zen-folders.css
@@ -192,7 +192,7 @@ zen-folder {
       }
 
       &[live-folder-animation] {
-        background: linear-gradient(90deg, color-mix(in srgb, var(--sidebar-text-color) 50%, transparent), var(--sidebar-text-color));
+        background: linear-gradient(270deg, var(--sidebar-text-color), color-mix(in srgb, var(--sidebar-text-color) 25%, transparent));
         background-size: 400%;
         background-clip: text;
         -webkit-text-fill-color: transparent;
diff --git a/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs b/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs
index d8834b0ce..2fd0fe59a 100644
--- a/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs
+++ b/src/zen/live-folders/ZenLiveFoldersManager.sys.mjs
@@ -232,10 +232,10 @@ class nsZenLiveFoldersManager {
       .animate(
         labelElement,
         {
-          backgroundPositionX: ["0%", "-100%"],
+          backgroundPositionX: ["0%", "-50%"],
         },
         {
-          duration: 2,
+          duration: 1.5,
         }
       )
       .then(() => {