diff --git a/src/w3c/templates/cgbg-sotd.js b/src/w3c/templates/cgbg-sotd.js
index 0a4c74dd30..a26b521e3c 100644
--- a/src/w3c/templates/cgbg-sotd.js
+++ b/src/w3c/templates/cgbg-sotd.js
@@ -1,34 +1,11 @@
 // @ts-check
-import { l10n, renderPublicList } from "./sotd.js";
+import { l10n, renderPreview, renderPublicList } from "./sotd.js";
 import { html } from "../../core/import-maps.js";
 
 export default (conf, opts) => {
   return html`
     <h2>${l10n.sotd}</h2>
-    ${conf.isPreview
-      ? html`<details class="annoying-warning" open="">
-          <summary>
-            This is a
-            preview${conf.prUrl && conf.prNumber
-              ? html`
-                  of pull request
-                  <a href="${conf.prUrl}">#${conf.prNumber}</a>
-                `
-              : ""}
-          </summary>
-          <p>
-            Do not attempt to implement this version of the specification. Do
-            not reference this version as authoritative in any way.
-            ${conf.edDraftURI
-              ? html`
-                  Instead, see
-                  <a href="${conf.edDraftURI}">${conf.edDraftURI}</a> for the
-                  Editor's draft.
-                `
-              : ""}
-          </p>
-        </details>`
-      : ""}
+    ${conf.isPreview ? renderPreview(conf) : ""}
     <p>
       This specification was published by the
       <a href="${conf.wgURI}">${conf.wg}</a>. It is not a W3C Standard nor is it
diff --git a/src/w3c/templates/sotd.js b/src/w3c/templates/sotd.js
index bcbb761832..a5c2fa647b 100644
--- a/src/w3c/templates/sotd.js
+++ b/src/w3c/templates/sotd.js
@@ -127,7 +127,7 @@ export default (conf, opts) => {
   `;
 };
 
-function renderPreview(conf) {
+export function renderPreview(conf) {
   const { prUrl, prNumber, edDraftURI } = conf;
   return html`<details class="annoying-warning" open="">
     <summary>