diff --git a/css/psychojs.css b/css/psychojs.css
index 2208889..cfae0c9 100644
--- a/css/psychojs.css
+++ b/css/psychojs.css
@@ -138,6 +138,11 @@ a:hover {
   transform: translate(-50%, -50%);
 }
 
+/* Using double colons is the MDN recommended way */
+#root.is-ready::after {
+  display: none;
+}
+
 /* Initialisation message for IE11 */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #root:after {
diff --git a/js/core/PsychoJS.js b/js/core/PsychoJS.js
index ef0bd26..602385d 100644
--- a/js/core/PsychoJS.js
+++ b/js/core/PsychoJS.js
@@ -165,6 +165,9 @@ export class PsychoJS
 
 		this.logger.info('[PsychoJS] Initialised.');
 		this.logger.info('[PsychoJS] @version 2020.2');
+
+		// Hide #root::after
+		$('#root').addClass('is-ready');
 	}