diff --git a/src/time/worldClock.js b/src/time/worldClock.js
index a875ddd2f..a9be9296d 100644
--- a/src/time/worldClock.js
+++ b/src/time/worldClock.js
@@ -337,12 +337,12 @@ export function createWorldClock({
 
 /**
  * The page's world clock. Layers, the sky and a host all read this one. The
- * sky, satellites (and the launched missions flying on their time) and
- * launches have a time of their own and move with it; weather holds each
- * product it shows.
+ * sky and the HUD's clock show the world time; satellites (and the launched
+ * missions flying on their time) and launches have a time of their own and
+ * move with it; weather holds each product it shows.
  */
 export const worldClock = createWorldClock({
-  follow: ['sky', 'satellites', 'rocket-launches'],
+  follow: ['sky', 'hud', 'satellites', 'rocket-launches'],
 });
 
 /** The time layer `id` draws at on the page's clock. */
diff --git a/src/time/worldClock.test.mjs b/src/time/worldClock.test.mjs
index c116ce27c..19bc8ba93 100644
--- a/src/time/worldClock.test.mjs
+++ b/src/time/worldClock.test.mjs
@@ -67,7 +67,7 @@ test('layers named at creation follow from the start', () => {
 
 test('the page clock moves the layers with a time of their own', async () => {
   const { worldClock } = await import('./worldClock.js');
-  for (const id of ['sky', 'satellites', 'rocket-launches'])
+  for (const id of ['sky', 'hud', 'satellites', 'rocket-launches'])
     assert.equal(worldClock.follows(id), true, id);
   for (const id of ['flights', 'military', 'vessels', 'transit'])
     assert.equal(worldClock.follows(id), false, id);