diff --git a/packages/ui/src/v2/components/session-progress-indicator-v2.css b/packages/ui/src/v2/components/session-progress-indicator-v2.css
index f3d0165f0..bda04dbd6 100644
--- a/packages/ui/src/v2/components/session-progress-indicator-v2.css
+++ b/packages/ui/src/v2/components/session-progress-indicator-v2.css
@@ -15,15 +15,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-0 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 1; }
-  50% { opacity: 0.5; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="0"] {
@@ -31,15 +49,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-5 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.75; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.75;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="5"] {
@@ -47,15 +83,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-10 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 1; }
-  37.5% { opacity: 0.5; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 1;
+  }
+  37.5% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="10"] {
@@ -63,15 +117,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-15 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.75; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.75;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="15"] {
@@ -79,15 +151,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-20 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 1; }
-  25% { opacity: 0.5; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 1;
+  }
+  25% {
+    opacity: 0.5;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="20"] {
@@ -95,15 +185,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-1 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.75; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.75;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="1"] {
@@ -111,15 +219,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-6 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 1; }
-  50% { opacity: 0.5; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="6"] {
@@ -127,15 +253,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-11 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 1; }
-  37.5% { opacity: 0.75; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 1;
+  }
+  37.5% {
+    opacity: 0.75;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="11"] {
@@ -143,15 +287,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-16 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 1; }
-  25% { opacity: 0.5; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 1;
+  }
+  25% {
+    opacity: 0.5;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="16"] {
@@ -159,15 +321,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-21 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.75; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.75;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="21"] {
@@ -175,15 +355,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-2 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 1; }
-  62.5% { opacity: 0.5; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 1;
+  }
+  62.5% {
+    opacity: 0.5;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="2"] {
@@ -191,15 +389,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-7 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 1; }
-  62.5% { opacity: 0.75; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 1;
+  }
+  62.5% {
+    opacity: 0.75;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="7"] {
@@ -207,15 +423,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-12 {
-  0% { opacity: 1; }
-  12.5% { opacity: 1; }
-  25% { opacity: 1; }
-  37.5% { opacity: 1; }
-  50% { opacity: 1; }
-  62.5% { opacity: 1; }
-  75% { opacity: 1; }
-  87.5% { opacity: 1; }
-  100% { opacity: 1; }
+  0% {
+    opacity: 1;
+  }
+  12.5% {
+    opacity: 1;
+  }
+  25% {
+    opacity: 1;
+  }
+  37.5% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  62.5% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 1;
+  }
+  87.5% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="12"] {
@@ -223,15 +457,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-17 {
-  0% { opacity: 1; }
-  12.5% { opacity: 0.75; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 1; }
+  0% {
+    opacity: 1;
+  }
+  12.5% {
+    opacity: 0.75;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="17"] {
@@ -239,15 +491,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-22 {
-  0% { opacity: 1; }
-  12.5% { opacity: 0.5; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 1; }
+  0% {
+    opacity: 1;
+  }
+  12.5% {
+    opacity: 0.5;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="22"] {
@@ -255,15 +525,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-3 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.75; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.75;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="3"] {
@@ -271,15 +559,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-8 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 1; }
-  75% { opacity: 0.75; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 0.75;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="8"] {
@@ -287,15 +593,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-13 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 1; }
-  87.5% { opacity: 1; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 1;
+  }
+  87.5% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="13"] {
@@ -303,15 +627,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-18 {
-  0% { opacity: 0.5; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.75; }
-  100% { opacity: 0.5; }
+  0% {
+    opacity: 0.5;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.75;
+  }
+  100% {
+    opacity: 0.5;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="18"] {
@@ -319,15 +661,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-23 {
-  0% { opacity: 0.75; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.75; }
+  0% {
+    opacity: 0.75;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.75;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="23"] {
@@ -335,15 +695,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-4 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 1; }
-  75% { opacity: 0.5; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 0.5;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="4"] {
@@ -351,15 +729,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-9 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.75; }
-  87.5% { opacity: 0.2; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.75;
+  }
+  87.5% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="9"] {
@@ -367,15 +763,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-14 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 1; }
-  87.5% { opacity: 1; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 1;
+  }
+  87.5% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="14"] {
@@ -383,15 +797,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-19 {
-  0% { opacity: 0.2; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.75; }
-  100% { opacity: 0.2; }
+  0% {
+    opacity: 0.2;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.75;
+  }
+  100% {
+    opacity: 0.2;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="19"] {
@@ -399,15 +831,33 @@
 }
 
 @keyframes session-progress-indicator-v2-dot-24 {
-  0% { opacity: 0.5; }
-  12.5% { opacity: 0.2; }
-  25% { opacity: 0.2; }
-  37.5% { opacity: 0.2; }
-  50% { opacity: 0.2; }
-  62.5% { opacity: 0.2; }
-  75% { opacity: 0.2; }
-  87.5% { opacity: 0.5; }
-  100% { opacity: 0.5; }
+  0% {
+    opacity: 0.5;
+  }
+  12.5% {
+    opacity: 0.2;
+  }
+  25% {
+    opacity: 0.2;
+  }
+  37.5% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.2;
+  }
+  62.5% {
+    opacity: 0.2;
+  }
+  75% {
+    opacity: 0.2;
+  }
+  87.5% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 0.5;
+  }
 }
 
 [data-component="session-progress-indicator-v2"] [data-dot="24"] {
diff --git a/packages/ui/src/v2/components/session-progress-indicator-v2.tsx b/packages/ui/src/v2/components/session-progress-indicator-v2.tsx
index d142172d5..ed71804ed 100644
--- a/packages/ui/src/v2/components/session-progress-indicator-v2.tsx
+++ b/packages/ui/src/v2/components/session-progress-indicator-v2.tsx
@@ -26,11 +26,7 @@ export function SessionProgressIndicatorV2(props: ComponentProps<"svg">) {
       data-component="session-progress-indicator-v2"
       aria-hidden={rest["aria-hidden"] ?? "true"}
     >
-      <For each={dots}>
-        {(cell) => (
-          <rect data-dot={cell.index} x={cell.x} y={cell.y} width={dot} height={dot} />
-        )}
-      </For>
+      <For each={dots}>{(cell) => <rect data-dot={cell.index} x={cell.x} y={cell.y} width={dot} height={dot} />}</For>
     </svg>
   )
 }