diff --git a/quartz/components/styles/mermaid.inline.scss b/quartz/components/styles/mermaid.inline.scss
index f25448d..b4299b1 100644
--- a/quartz/components/styles/mermaid.inline.scss
+++ b/quartz/components/styles/mermaid.inline.scss
@@ -35,7 +35,7 @@ pre {
   }
 }
 
-#mermaid-container {
+#mehrmaid-container {
   position: fixed;
   contain: layout;
   z-index: 999;
@@ -52,7 +52,7 @@ pre {
     display: inline-block;
   }
 
-  & > #mermaid-space {
+  & > #mehrmaid-space {
     border: 1px solid var(--lightgray);
     background-color: var(--light);
     border-radius: 5px;
@@ -64,7 +64,7 @@ pre {
     width: 80vw;
     overflow: hidden;
 
-    & > .mermaid-content {
+    & > .mehrmaid-content {
       padding: 2rem;
       position: relative;
       transform-origin: 0 0;
@@ -84,7 +84,7 @@ pre {
       }
     }
 
-    & > .mermaid-controls {
+    & > .mehrmaid-controls {
       position: absolute;
       bottom: 20px;
       right: 20px;
@@ -97,7 +97,7 @@ pre {
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
       z-index: 2;
 
-      .mermaid-control-button {
+      .mehrmaid-control-button {
         display: flex;
         align-items: center;
         justify-content: center;