diff --git a/apps/webapp/app/components/primitives/LoadingBarDivider.tsx b/apps/webapp/app/components/primitives/LoadingBarDivider.tsx
index f227f9e731..d35067ea62 100644
--- a/apps/webapp/app/components/primitives/LoadingBarDivider.tsx
+++ b/apps/webapp/app/components/primitives/LoadingBarDivider.tsx
@@ -7,7 +7,7 @@ type LoadingBarDividerProps = {
export function LoadingBarDivider({ isLoading }: LoadingBarDividerProps) {
return (
-
+
);
@@ -21,11 +21,9 @@ export function AnimationDivider({ isLoading }: LoadingBarDividerProps) {
if (isPresent) {
const enterAnimation = async () => {
await animate(
- [
- [scope.current, { width: "30%", left: "35%" }, { duration: 1, ease: "easeIn" }],
- [scope.current, { width: 0, left: "100%" }, { duration: 1, ease: "easeOut" }],
- ],
- { repeat: Infinity, repeatType: "reverse" }
+ scope.current,
+ { left: ["-100%", "100%"], width: "100%" },
+ { duration: 2, ease: "easeOut", repeat: Infinity }
);
};
enterAnimation();