diff --git a/src/styles.css b/src/styles.css
index def114a..e5218ac 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -2372,3 +2372,7 @@ body.umbrella-mode { --umbrella-h: 30px; }
 }
 body.umbrella-mode .site-header { top: var(--umbrella-h); }
 body.umbrella-mode .app { padding-top: var(--umbrella-h); }
+/* The quiz view swaps the site-header for its own fixed progress bar
+   (body.quiz-active hides .site-header) — shift that one down too, or
+   the strip sits on top of it. */
+body.umbrella-mode .quiz-progress-bar { top: var(--umbrella-h); }