diff --git a/ui/src/markdown.tsx b/ui/src/markdown.tsx
index 52619f333f3..4a26096a011 100644
--- a/ui/src/markdown.tsx
+++ b/ui/src/markdown.tsx
@@ -91,9 +91,9 @@ const highlightSyntax = async (str: S, language: S, codeBlockId: S) => {
   const highlightedCode = language
     ? hljs.highlight(str, { language, ignoreIllegals: true }).value
     : hljs.highlightAuto(str).value
-  codeBlock.outerHTML = `<code id="codeblock" class="hljs" style="position:relative;">${highlightedCode}</code>`
+  codeBlock.outerHTML = `<code id="${codeBlockId}" class="hljs" style="position:relative;">${highlightedCode}</code>`
 
-  const cb = document.getElementById('codeblock')
+  const cb = document.getElementById(codeBlockId)
   if (cb) ReactDOM.render(<ClipboardCopyButton value={str} anchorElement={cb} showOnHoverOnly portal />, document.createElement('div'))
 }