diff --git a/studio-v2/app/parent/quiz/[unitId]/page.tsx b/studio-v2/app/parent/quiz/[unitId]/page.tsx
index e15fdad..3de8ca3 100644
--- a/studio-v2/app/parent/quiz/[unitId]/page.tsx
+++ b/studio-v2/app/parent/quiz/[unitId]/page.tsx
@@ -5,7 +5,6 @@ import { useParams, useRouter } from 'next/navigation'
 import { useTheme } from '@/lib/ThemeContext'
 import { useLanguage } from '@/lib/LanguageContext'
 import { AudioButton } from '@/components/learn/AudioButton'
-import { LearnLayout } from '@/components/learn/LearnLayout'
 
 interface QAItem {
   id: string; question: string; answer: string
@@ -66,14 +65,15 @@ export default function ParentQuizPage() {
   const nativeTranslation = currentItem?.translations?.[language]?.text || ''
 
   if (isLoading) {
-    return <LearnLayout>
-      <div className="w-8 h-8 border-4 border-blue-400 border-t-transparent rounded-full animate-spin" />
-    </div>
+    return (
+      <div className="flex items-center justify-center py-20">
+        <div className="w-8 h-8 border-4 border-blue-400 border-t-transparent rounded-full animate-spin" />
+      </div>
+    )
   }
 
   return (
-    <div className={`min-h-screen flex flex-col ${isDark ? 'bg-gradient-to-br from-slate-900 via-blue-900 to-indigo-900' : 'bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50'}`}
-      dir={language === 'ar' ? 'rtl' : 'ltr'}>
+    <div dir={language === 'ar' ? 'rtl' : 'ltr'}>
 
       {/* Header */}
       <div className={`${glassCard} border-0 border-b`}>