diff --git a/packages/ui/src/components/approver/animations/approver-animation.web.tsx b/packages/ui/src/components/approver/animations/approver-animation.web.tsx
index c52f4b6ef..171ea6a33 100644
--- a/packages/ui/src/components/approver/animations/approver-animation.web.tsx
+++ b/packages/ui/src/components/approver/animations/approver-animation.web.tsx
@@ -10,7 +10,7 @@ export const childElementInitialAnimationState = css({
   [animationSelector]: { opacity: 0, transform: 'translateY(-16px)' },
 });
 
-const staggerMenuItems = stagger(0.06, { startDelay: 0.36 });
+const staggerMenuItems = stagger(0.06, { startDelay: 0.3 });
 
 export function useApproverChildrenEntryAnimation() {
   const [scope, animate] = useAnimate();