diff --git a/static/js/comic-nav.js b/static/js/comic-nav.js
index 322b5f6..e9ffe55 100644
--- a/static/js/comic-nav.js
+++ b/static/js/comic-nav.js
@@ -79,11 +79,28 @@
                 const container = document.querySelector('.comic-container');
                 const newDiv = document.createElement('div');
                 newDiv.className = 'comic-transcript';
-                newDiv.innerHTML = '<h3>Author Note</h3><p></p>';
+                newDiv.innerHTML = '<h3>Author Note</h3>';
                 container.appendChild(newDiv);
             }
-            document.querySelector('.comic-transcript p').textContent = comic.author_note;
-            document.querySelector('.comic-transcript').style.display = 'block';
+
+            // Clear existing content after the h3
+            const h3 = transcriptDiv.querySelector('h3');
+            while (h3.nextSibling) {
+                h3.nextSibling.remove();
+            }
+
+            // Add content based on whether it's HTML or plain text
+            if (comic.author_note_is_html) {
+                const contentDiv = document.createElement('div');
+                contentDiv.innerHTML = comic.author_note;
+                transcriptDiv.appendChild(contentDiv);
+            } else {
+                const contentP = document.createElement('p');
+                contentP.textContent = comic.author_note;
+                transcriptDiv.appendChild(contentP);
+            }
+
+            transcriptDiv.style.display = 'block';
         } else if (transcriptDiv) {
             transcriptDiv.style.display = 'none';
         }