diff --git a/toolkit/components/printing/content/print.css b/toolkit/components/printing/content/print.css
index 1308159e1701..408edeec3aec 100644
--- a/toolkit/components/printing/content/print.css
+++ b/toolkit/components/printing/content/print.css
@@ -82,6 +82,10 @@ body {
   margin: 0;
 }
 
+#sheet-count[loading] {
+  visibility: hidden;
+}
+
 form#print {
   display: flex;
   flex: 1 1 auto;
diff --git a/toolkit/components/printing/content/print.html b/toolkit/components/printing/content/print.html
index 11ca3a93916e..74305a5fee53 100644
--- a/toolkit/components/printing/content/print.html
+++ b/toolkit/components/printing/content/print.html
@@ -59,7 +59,7 @@
 
     <header class="header-container">
       <h2 data-l10n-id="printui-title"></h2>
-      <p id="sheet-count" is="page-count" hidden></p>
+      <p id="sheet-count" is="page-count" data-l10n-id="printui-sheets-count" data-l10n-args='{ "sheetCount": 0 }' loading></p>
     </header>
 
     <form id="print" is="print-form" aria-labelledby="page-header">
diff --git a/toolkit/components/printing/content/print.js b/toolkit/components/printing/content/print.js
index 9d9dc9912057..85b5d0334a0f 100644
--- a/toolkit/components/printing/content/print.js
+++ b/toolkit/components/printing/content/print.js
@@ -612,9 +612,7 @@ class PageCount extends PrintUIControlMixin(HTMLElement) {
     document.l10n.setAttributes(this, "printui-sheets-count", {
       sheetCount: this.numPages * this.numCopies,
     });
-    if (this.hidden) {
-      document.l10n.translateElements([this]).then(() => (this.hidden = false));
-    }
+    this.removeAttribute("loading");
   }
 
   handleEvent(e) {