diff --git a/frontend/src/pages/SessionHistoryPage.tsx b/frontend/src/pages/SessionHistoryPage.tsx
index cb6338bd..46708547 100644
--- a/frontend/src/pages/SessionHistoryPage.tsx
+++ b/frontend/src/pages/SessionHistoryPage.tsx
@@ -1,7 +1,6 @@
 import { useEffect, useState, useRef, useCallback } from 'react'
 import { useNavigate, useSearchParams } from 'react-router-dom'
 import { PageMeta } from '@/components/common/PageMeta'
-import { StaggerList } from '@/components/common/StaggerList'
 import { sessionsApi } from '@/api/sessions'
 import { treesApi } from '@/api/trees'
 import type { Session, TreeListItem, SessionOutcome } from '@/types'
@@ -275,14 +274,18 @@ export function SessionHistoryPage() {
         />
       ) : (
         <>
-        <StaggerList className="space-y-4">
-          {sessions.map((session) => (
+        <div className="space-y-4">
+          {sessions.map((session, i) => (
             <div
               key={session.id}
               className={cn(
-                'bg-card border border-border rounded-xl p-4 transition-all hover:bg-accent/50',
-                closingSessionId === session.id && 'relative z-10'
+                'stagger-item',
+                closingSessionId === session.id && 'relative z-50'
               )}
+              style={{ '--stagger-index': i } as React.CSSProperties}
+            >
+            <div
+              className="bg-card border border-border rounded-xl p-4 transition-all hover:bg-accent/50"
             >
               <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
                 <div className="flex-1">
@@ -443,8 +446,9 @@ export function SessionHistoryPage() {
                 </div>
               </div>
             </div>
+            </div>
           ))}
-        </StaggerList>
+        </div>
         {hasMore ? (
           <p className="text-center text-sm text-muted-foreground py-4">
             Showing the 50 most recent sessions