diff --git a/quartz/components/scripts/mermaid.inline.ts b/quartz/components/scripts/mermaid.inline.ts
index 19ef24d..5490aa8 100644
--- a/quartz/components/scripts/mermaid.inline.ts
+++ b/quartz/components/scripts/mermaid.inline.ts
@@ -52,7 +52,7 @@ class DiagramPanZoom {
 
   private setupNavigationControls() {
     const controls = document.createElement("div")
-    controls.className = "mermaid-controls"
+    controls.className = "mehrmaid-controls"
 
     // Zoom controls
     const zoomIn = this.createButton("+", () => this.zoom(0.1))
@@ -69,7 +69,7 @@ class DiagramPanZoom {
   private createButton(text: string, onClick: () => void): HTMLButtonElement {
     const button = document.createElement("button")
     button.textContent = text
-    button.className = "mermaid-control-button"
+    button.className = "mehrmaid-control-button"
     button.addEventListener("click", onClick)
     window.addCleanup(() => button.removeEventListener("click", onClick))
     return button
@@ -145,7 +145,7 @@ const cssVars = [
 let mermaidImport = undefined
 document.addEventListener("nav", async () => {
   const center = document.querySelector(".center") as HTMLElement
-  const nodes = center.querySelectorAll("code.mermaid") as NodeListOf<HTMLElement>
+  const nodes = center.querySelectorAll("code.mehrmaid") as NodeListOf<HTMLElement>
   if (nodes.length === 0) return
 
   mermaidImport ||= await import(
@@ -219,13 +219,13 @@ document.addEventListener("nav", async () => {
     pre.prepend(expandBtn)
 
     // query popup container
-    const popupContainer = pre.querySelector("#mermaid-container") as HTMLElement
+    const popupContainer = pre.querySelector("#mehrmaid-container") as HTMLElement
     if (!popupContainer) return
 
     let panZoom: DiagramPanZoom | null = null
     function showMermaid() {
-      const container = popupContainer.querySelector("#mermaid-space") as HTMLElement
-      const content = popupContainer.querySelector(".mermaid-content") as HTMLElement
+      const container = popupContainer.querySelector("#mehrmaid-space") as HTMLElement
+      const content = popupContainer.querySelector(".mehrmaid-content") as HTMLElement
       if (!content) return
       removeAllChildren(content)