diff --git a/packages/ui-default/components/contest/contest.page.styl b/packages/ui-default/components/contest/contest.page.styl
index 209109d00..3a1229523 100644
--- a/packages/ui-default/components/contest/contest.page.styl
+++ b/packages/ui-default/components/contest/contest.page.styl
@@ -85,6 +85,10 @@ for key, value in $contest-color
       color: red;
       &:before
         background: red;
+    &.pending
+      color: cyan;
+      &:before
+        background: cyan;
 
     &:after
       content: '';
diff --git a/packages/ui-default/pages/problem_detail.page.tsx b/packages/ui-default/pages/problem_detail.page.tsx
index 2d87319b5..b3723ba8d 100644
--- a/packages/ui-default/pages/problem_detail.page.tsx
+++ b/packages/ui-default/pages/problem_detail.page.tsx
@@ -242,9 +242,8 @@ const page = new NamedPage(['problem_detail', 'contest_detail_problem', 'homewor
     function ProblemNavigation() {
       [, setUpdate] = React.useState(0);
       return <div className="contest-problems" style={{ margin: '1em' }}>
-        {pids.map((i) => <a href={`#p${i}`} className={ans[i] ? 'pass ' : ''}>
+        {pids.map((i) => <a href={`#p${i}`} className={ans[i] ? 'pending ' : ''}>
           <span className="id">{i}</span>
-          {ans[i] && <span className="icon icon-check"></span>}
         </a>)}
       </div>;
     }
@@ -329,6 +328,8 @@ const page = new NamedPage(['problem_detail', 'contest_detail_problem', 'homewor
     $('.non-scratchpad--hide').hide();
     $('.scratchpad--hide').hide();
     $('.outer-loader-container').hide();
+    $(document).on('click', () => { setUpdate?.((v) => v + 1); });
+    $(document).on('input', () => { setUpdate?.((v) => v + 1); });
   }
 
   $(document).on('click', '[name="problem-sidebar__open-scratchpad"]', (ev) => {
diff --git a/packages/ui-default/templates/homework_detail.html b/packages/ui-default/templates/homework_detail.html
index 735d32c8f..b7bae2123 100644
--- a/packages/ui-default/templates/homework_detail.html
+++ b/packages/ui-default/templates/homework_detail.html
@@ -2,6 +2,8 @@
 {% import "components/record.html" as record with context %}
 {% import "components/problem.html" as problem with context %}
 {% block content %}
+{{ set(UiContext, 'tdoc', tdoc) }}
+{{ set(UiContext, 'tsdoc', tsdoc) }}
 <div class="row">
   <div class="medium-9 columns">
     <div class="section">