diff --git a/src/themes/flow.scss b/src/themes/flow.scss
index 675f521cb3..b6b6a4c166 100644
--- a/src/themes/flow.scss
+++ b/src/themes/flow.scss
@@ -1,4 +1,4 @@
-.mermaid .label {
+.label {
   font-family: 'trebuchet ms', verdana, arial;
   color: #333
 }
diff --git a/src/themes/mermaid.scss b/src/themes/mermaid.scss
index df7d3026dc..ba99c3883e 100644
--- a/src/themes/mermaid.scss
+++ b/src/themes/mermaid.scss
@@ -1,24 +1,26 @@
-@import 'flow';
-@import 'sequenceDiagram';
-@import 'gantt';
-@import 'classDiagram';
-@import 'gitGraph';
+.mermaid {
+  @import 'flow';
+  @import 'sequenceDiagram';
+  @import 'gantt';
+  @import 'classDiagram';
+  @import 'gitGraph';
 
-.node text {
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 14px;
-}
+  .node text {
+    font-family: 'trebuchet ms', verdana, arial;
+    font-size: 14px;
+  }
 
-div.mermaidTooltip {
-  position: absolute;
-  text-align: center;
-  max-width: 200px;
-  padding: 2px;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 12px;
-  background: $secondBkg;
-  border: 1px solid $border2;
-  border-radius: 2px;
-  pointer-events: none;
-  z-index: 100;
+  div.mermaidTooltip {
+    position: absolute;
+    text-align: center;
+    max-width: 200px;
+    padding: 2px;
+    font-family: 'trebuchet ms', verdana, arial;
+    font-size: 12px;
+    background: $secondBkg;
+    border: 1px solid $border2;
+    border-radius: 2px;
+    pointer-events: none;
+    z-index: 100;
+  }
 }