diff --git a/renderer/styles.css b/renderer/styles.css
index 3c730ec..2f8400c 100644
--- a/renderer/styles.css
+++ b/renderer/styles.css
@@ -2537,6 +2537,10 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; }
   white-space: nowrap;
 }
 
+#updateProgressDetails[hidden] {
+  display: none;
+}
+
 .update-progress-separator {
   text-align: center;
 }
diff --git a/tests/startup-renderer.test.js b/tests/startup-renderer.test.js
index 14c771f..d889c72 100644
--- a/tests/startup-renderer.test.js
+++ b/tests/startup-renderer.test.js
@@ -178,4 +178,5 @@ test('header occupies its final geometry before asynchronous initialization', ()
   assert.match(css, /\.update-release-notes\s*\{[^}]*height:\s*min\(220px,\s*42vh\);/su);
   assert.match(html, /class="update-progress-footer"[\s\S]*id="updateProgressDetails"[\s\S]*id="updateProgressSize"[\s\S]*id="updateProgressSpeed"[\s\S]*id="updateProgressEta"[\s\S]*id="updateProgressText"/u);
   assert.match(css, /#updateProgressDetails\s*\{[^}]*display:\s*grid;[^}]*grid-template-columns:\s*19ch auto 11ch auto 10ch;[^}]*font-variant-numeric:\s*tabular-nums;/su);
+  assert.match(css, /#updateProgressDetails\[hidden\]\s*\{[^}]*display:\s*none;/su);
 });