diff --git a/examples/common/default/default.css b/examples/common/default/default.css
index cc19a22..8b42c06 100644
--- a/examples/common/default/default.css
+++ b/examples/common/default/default.css
@@ -160,6 +160,8 @@
     color: white; background: #66f; padding: 0 0.8ex;
     display: inline-block; border-radius: 0.8ex;
 }
+td.repl.atall:first-line {font-size: 125%;}
+
 .blog_replies td.repatt {min-width: 12em;}
 .blog_replies td.hideauthor {display: none;}
 table.blog_replies iframe {
diff --git a/s4-main.js b/s4-main.js
index b6aaf27..2792479 100644
--- a/s4-main.js
+++ b/s4-main.js
@@ -793,10 +793,12 @@
     function atMarkView(elem) {
 	// Enclose "@all" with span
 	for (i of elem.querySelectorAll("td.repl")) {
-	    let ii = i.innerHTML;
-	    if (ii.startsWith("@all")) {
-		ii = ii.replace(/^@all/,'<div class="atall">@all</div>');
-		i.innerHTML = ii;
+	    if (i.textContent.startsWith("@all")) {
+		i.firstChild.nodeValue = i.firstChild.nodeValue.substring(4);
+		i.insertAdjacentHTML(
+		    'afterbegin', '<div class="atall">@all</div>'
+		);
+		i.classList.add("atall");
 	    }
 	}
 	return elem;