diff --git a/src/shared/components/progress/ProgressBar.tsx b/src/shared/components/progress/ProgressBar.tsx
index c37e1e42..4612e358 100644
--- a/src/shared/components/progress/ProgressBar.tsx
+++ b/src/shared/components/progress/ProgressBar.tsx
@@ -26,8 +26,8 @@ export const ProgressBar = ({
                     className={cn(
                         'h-full rounded-3xl bg-theme-primary-700 dark:bg-theme-primary-650',
                         {
-                            'w-full': isFilled,
-                            'w-0': !isFilled,
+                            'w-full': (isFilled && shouldAnimate) || index < activeIndex,
+                            'w-0': !isFilled || (isFilled && !shouldAnimate),
                             'animate-fillProgress': shouldAnimate,
                         },
                     )}
diff --git a/tailwind.config.js b/tailwind.config.js
index 9ee2cb97..b08b6d70 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -83,7 +83,7 @@ export default {
                     'fadeInAndTransform 0.8s ease-in-out forwards, scale 0.4s ease-in-out 1s forwards',
                 translateUp: 'translateUp 0.5s ease-in-out 2s forwards',
                 decreaseHeight: 'decreaseHeight 0.5s ease-in-out 2s forwards',
-                fillProgress: 'fillProgressBar 5s ease-in-out',
+                fillProgress: 'fillProgressBar 5s ease-in-out forwards',
             },
             zIndex: {
                 1: '1',