diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index b87cdf3f8..8130e3936 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.21.3",
+  "version": "4.21.4",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",
diff --git a/packages/ui-default/templates/partials/homepage/training.html b/packages/ui-default/templates/partials/homepage/training.html
index c4a05bdb1..033df0cdd 100644
--- a/packages/ui-default/templates/partials/homepage/training.html
+++ b/packages/ui-default/templates/partials/homepage/training.html
@@ -1,4 +1,4 @@
-{% if trdocs.length %}
+{% if tdocs.length %}
   <div class="section page--training_main">
     <div class="section__header">
       <h1 class="section__title">{{ _('Training') }}</h1>
diff --git a/packages/ui-default/templates/training_detail.html b/packages/ui-default/templates/training_detail.html
index c7c0c6ee2..34d230ec7 100644
--- a/packages/ui-default/templates/training_detail.html
+++ b/packages/ui-default/templates/training_detail.html
@@ -24,7 +24,8 @@
         <div data-heading-extract-to="#menu-item-training_detail" class="training__section {% if nsdict[node['_id']]['isDone'] %}done{% elif nsdict[node['_id']]['isProgress'] %}progress{% elif nsdict[node['_id']]['isOpen'] %}open{% else %}invalid{% endif %}  {% if nsdict[node['_id']]['isProgress'] or nsdict[node['_id']]['isOpen'] %}expanded{% else %}collapsed{% endif %}">
           <div class="section__header clearfix">
             <div class="float-left">
-              <h1 data-heading id="node-{{ node._id }}" class="section__title">{{ _('Section') }} {{ node['_id'] }}. {{ node['title'] }}</h1>
+              <h1 data-heading id="node-{{ node._id }}" class="section__title">{{ _('Section') }} {{ node['_id'] }}. {{ node['title'].split('\n')[0] }}</h1>
+              {% if node['title'].split('\n')[1] %}<h2 class="section__title">{{ node['title'].split('\n')[1] }}</h2>{% endif %}
             </div>
             <div class="float-right">
               <h1 class="section__title training-section-status--text {% if nsdict[node['_id']]['isDone'] %}done{% elif nsdict[node['_id']]['isProgress'] %}progress{% elif nsdict[node['_id']]['isOpen'] %}open{% else %}invalid{% endif %}">
@@ -41,6 +42,7 @@
               </h1>
             </div>
           </div>
+          {% if tsdoc.enroll %}
           <div class="section__body">
             <ul class="supplementary dot list">
               <li>
@@ -151,6 +153,7 @@
               </table>
             </div>
           </div>
+          {% endif %}
         </div>
       {%- endfor -%}
       <div class="section__body">&nbsp;<!-- space placeholder --></div>