diff --git a/src/pages/PerformanceDomainPracticePage.tsx b/src/pages/PerformanceDomainPracticePage.tsx
index 9f90160..6aaf17b 100644
--- a/src/pages/PerformanceDomainPracticePage.tsx
+++ b/src/pages/PerformanceDomainPracticePage.tsx
@@ -637,7 +637,7 @@ export default function PerformanceDomainPracticePage() {
             </div>
           </section>
 
-          <section className="grid grid-cols-4 gap-2 sm:grid-cols-2 sm:gap-3">
+          <section className="sticky bottom-4 z-10 grid grid-cols-4 gap-2 rounded-2xl bg-gray-50/95 p-2 pb-[calc(0.5rem+env(safe-area-inset-bottom))] shadow-lg ring-1 ring-gray-100 backdrop-blur dark:bg-gray-900/95 dark:ring-gray-800 sm:static sm:z-auto sm:grid-cols-2 sm:bg-transparent sm:p-0 sm:pb-0 sm:shadow-none sm:ring-0 sm:backdrop-blur-0 sm:gap-3">
             {performanceDomains.map((domain) => renderOptionButton(domain.id))}
           </section>
         </div>