diff --git a/toolkit/components/reader/AboutReader.jsm b/toolkit/components/reader/AboutReader.jsm
index 7b161bbd6917..7f22e86b6635 100644
--- a/toolkit/components/reader/AboutReader.jsm
+++ b/toolkit/components/reader/AboutReader.jsm
@@ -782,8 +782,8 @@ AboutReader.prototype = {
   },
 
   _showError() {
-    this._headerElement.style.display = "none";
-    this._contentElement.style.display = "none";
+    this._headerElement.classList.remove("reader-show-element");
+    this._contentElement.classList.remove("reader-show-element");
 
     let errorMessage = gStrings.GetStringFromName("aboutReader.loadError");
     this._messageElement.textContent = errorMessage;
@@ -817,7 +817,7 @@ AboutReader.prototype = {
   },
 
   _showContent(article) {
-    this._messageElement.style.display = "none";
+    this._messageElement.classList.remove("reader-show-element");
 
     this._article = article;
 
@@ -830,7 +830,7 @@ AboutReader.prototype = {
     this._readTimeElement.textContent = this._formatReadTime(article.readingTimeMinsSlow, article.readingTimeMinsFast);
     this._doc.title = article.title;
 
-    this._headerElement.style.display = "block";
+    this._headerElement.classList.add("reader-show-element");
 
     let parserUtils = Cc["@mozilla.org/parserutils;1"].getService(Ci.nsIParserUtils);
     let contentFragment = parserUtils.parseFragment(article.content,
@@ -841,7 +841,7 @@ AboutReader.prototype = {
     this._maybeSetTextDirection(article);
     this._foundLanguage(article.language);
 
-    this._contentElement.style.display = "block";
+    this._contentElement.classList.add("reader-show-element");
     this._updateImageMargins();
 
     this._requestFavicon();
@@ -856,8 +856,8 @@ AboutReader.prototype = {
   },
 
   _hideContent() {
-    this._headerElement.style.display = "none";
-    this._contentElement.style.display = "none";
+    this._headerElement.classList.remove("reader-show-element");
+    this._contentElement.classList.remove("reader-show-element");
   },
 
   _showProgressDelayed() {
@@ -869,11 +869,11 @@ AboutReader.prototype = {
         return;
       }
 
-      this._headerElement.style.display = "none";
-      this._contentElement.style.display = "none";
+      this._headerElement.classList.remove("reader-show-element");
+      this._contentElement.classList.remove("reader-show-element");
 
       this._messageElement.textContent = gStrings.GetStringFromName("aboutReader.loading2");
-      this._messageElement.style.display = "block";
+      this._messageElement.classList.add("reader-show-element");
     }, 300);
   },
 
diff --git a/toolkit/themes/shared/aboutReader.css b/toolkit/themes/shared/aboutReader.css
index 50e96f1f6d52..9dc31c2d63e2 100644
--- a/toolkit/themes/shared/aboutReader.css
+++ b/toolkit/themes/shared/aboutReader.css
@@ -761,3 +761,7 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
   margin: 0 .07em;
   padding: 0;
 }
+
+.reader-show-element {
+  display: initial;
+}