diff --git a/ICSharpCode.ILSpyX/MermaidDiagrammer/html/styles.css b/ICSharpCode.ILSpyX/MermaidDiagrammer/html/styles.css
index b3c9a0595..23b929be1 100644
--- a/ICSharpCode.ILSpyX/MermaidDiagrammer/html/styles.css
+++ b/ICSharpCode.ILSpyX/MermaidDiagrammer/html/styles.css
@@ -276,48 +276,48 @@ select option:checked {
 #output g.nodes g.label .nodeLabel[title] {
   color: darkgoldenrod;
 }
-#netAmermaid {
+#about {
   position: absolute;
   bottom: 2em;
   right: 2em;
   align-items: end;
 }
-#netAmermaid #toaster {
+#about #toaster {
   margin-right: 2.8em;
 }
-#netAmermaid #toaster span {
+#about #toaster span {
   animation: 0.5s ease-in fadeIn;
   border-radius: 0.5em;
   padding: 0.5em;
   background-color: rgba(0, 0, 0, calc(3/16 * 2));
   color: whitesmoke;
 }
-#netAmermaid #toaster span.leaving {
+#about #toaster span.leaving {
   animation: 1s ease-in-out fadeOut;
 }
-#netAmermaid .build-info {
+#about .build-info {
   align-items: end;
   height: 2.3em;
   border-radius: 7px;
   background-color: rgba(0, 0, 0, calc(3/16 * 3));
   color: whitesmoke;
 }
-#netAmermaid .build-info > * {
+#about .build-info > * {
   height: 100%;
 }
-#netAmermaid .build-info #build-info {
+#about .build-info #build-info {
   text-align: right;
 }
-#netAmermaid .build-info #build-info > * {
+#about .build-info #build-info > * {
   padding: 0 0.5em;
 }
-#netAmermaid .build-info #build-info a {
+#about .build-info #build-info a {
   color: whitesmoke;
 }
-#netAmermaid .build-info #build-info a:not(.project) {
+#about .build-info #build-info a:not(.project) {
   text-decoration: none;
 }
-#netAmermaid .build-info #build-info a span {
+#about .build-info #build-info a span {
   display: inline-block;
 }
 #pressed-keys {
@@ -353,7 +353,7 @@ select option:checked {
 @media print {
   #filter,
   #filter-toggle,
-  #netAmermaid,
+  #about,
   img,
   .bubbles {
     display: none;
diff --git a/ICSharpCode.ILSpyX/MermaidDiagrammer/html/styles.less b/ICSharpCode.ILSpyX/MermaidDiagrammer/html/styles.less
index 584aa3ec7..46e519507 100644
--- a/ICSharpCode.ILSpyX/MermaidDiagrammer/html/styles.less
+++ b/ICSharpCode.ILSpyX/MermaidDiagrammer/html/styles.less
@@ -382,7 +382,7 @@ select {
     }
 }
 
-#netAmermaid {
+#about {
     position: absolute;
     bottom: 2em;
     right: 2em;
@@ -473,7 +473,7 @@ select {
 
 /* hide stuff in print view */
 @media print {
-    #filter, #filter-toggle, #netAmermaid, img, .bubbles {
+    #filter, #filter-toggle, #about, img, .bubbles {
         display: none;
     }
 }
diff --git a/ICSharpCode.ILSpyX/MermaidDiagrammer/html/template.html b/ICSharpCode.ILSpyX/MermaidDiagrammer/html/template.html
index c5159c056..aceff72c2 100644
--- a/ICSharpCode.ILSpyX/MermaidDiagrammer/html/template.html
+++ b/ICSharpCode.ILSpyX/MermaidDiagrammer/html/template.html
@@ -164,7 +164,7 @@
         <div id="output" class="grow" data-title="🧜‍♀️ I'm not your basic diagram.&#10;👆 Tap my types to toggle them.&#10;&#10;🔍 Zoom me with [Ctrl + mouse wheel].&#10;👌 Grab and drag me around to pan after.&#10;🧽 Reset zoom and pan with [Ctrl + 0]."></div>
     </div>
 
-    <div id="netAmermaid" class="flx col gap" title="🐙 build info and project links">
+    <div id="about" class="flx col gap" title="🐙 build info and project links">
         <div id="toaster" class="flx col gap"></div>
         <div class="build-info flx">
             <div id="build-info" class="scndry horizontal collapse flx col">