diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index a4eabd7e3..e0047bc12 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.26.23",
+  "version": "4.26.24",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",
diff --git a/packages/ui-default/pages/training_detail.page.ts b/packages/ui-default/pages/training_detail.page.ts
index febc17ca2..fee720848 100644
--- a/packages/ui-default/pages/training_detail.page.ts
+++ b/packages/ui-default/pages/training_detail.page.ts
@@ -11,7 +11,7 @@ async function handleSection(ev, type: string) {
   } else {
     await slideUp($detail, 300, { opacity: 1 }, { opacity: 0 });
   }
-  $section.addClass(`${type}d`);
+  $section.addClass(type === 'expand' ? 'expanded' : 'collapsed');
   $section.removeClass(type === 'expand' ? 'collapsed' : 'expanded');
   $section.removeClass('animating');
 }