diff --git a/cypress/platform/knsv.html b/cypress/platform/knsv.html
index 25e32bfca..7429c1f85 100644
--- a/cypress/platform/knsv.html
+++ b/cypress/platform/knsv.html
@@ -51,6 +51,8 @@ stateDiagram-v2
     state AnotherCompositeState {
       AnotherState --> YetANotherState:a label
     }
+    --
+    SSTAte
   }
   note left of CompositeState
     Important information! You can write
@@ -92,7 +94,7 @@ sequenceDiagram
           // console.error('Mermaid error: ', err);
         };
       mermaid.initialize({
-        theme: 'dark',
+        theme: 'neutral',
         arrowMarkerAbsolute: true,
         // themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
         logLevel: 0,
diff --git a/src/themes/theme-neutral.js b/src/themes/theme-neutral.js
index 54060ef3b..cf091c45e 100644
--- a/src/themes/theme-neutral.js
+++ b/src/themes/theme-neutral.js
@@ -153,7 +153,7 @@ class Theme {
     this.stateBkg = this.stateBkg || this.mainBkg;
     this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg;
     this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor;
-    this.altBackground = this.altBackground || '#e0e0e0';
+    this.altBackground = this.altBackground || '#f4f4f4';
     this.clusterTitleBackground = this.clusterTitleBackground || this.mainBkg;
     this.stateBorder = this.stateBorder || '#000';