From f0c7145309a922ec03b742554e7f586ee98606d5 Mon Sep 17 00:00:00 2001
From: ittoview <ittoview@example.com>
Date: Mon, 11 May 2026 09:46:56 +0100
Subject: [PATCH] fix: prevent practice card jitter

---
 src/pages/ProcessPurposePracticePage.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/ProcessPurposePracticePage.tsx b/src/pages/ProcessPurposePracticePage.tsx
index 56cb310..98d31f0 100644
--- a/src/pages/ProcessPurposePracticePage.tsx
+++ b/src/pages/ProcessPurposePracticePage.tsx
@@ -477,7 +477,6 @@ export default function ProcessPurposePracticePage() {
               return (
                 <motion.section
                   key={item.id}
-                  layout
                   initial={{ opacity: 0, y: 24, scale: 0.98 }}
                   animate={{
                     opacity: isCurrent ? 1 : 0.62,
@@ -485,7 +484,7 @@ export default function ProcessPurposePracticePage() {
                     scale: isCurrent ? 1 : 0.975,
                   }}
                   exit={{ opacity: 0, y: -16, scale: 0.98 }}
-                  transition={{ duration: 0.28, ease: 'easeOut' }}
+                  transition={{ duration: 0.22, ease: 'easeOut' }}
                   className={`rounded-2xl border bg-white p-6 transition-all duration-200 dark:bg-gray-800 ${
                     isCurrent && correctFeedback
                       ? 'border-green-300 shadow-lg shadow-green-100/70 ring-2 ring-green-100 dark:border-green-700 dark:shadow-none dark:ring-green-900/40'