diff --git a/cypress/platform/yari.html b/cypress/platform/yari.html
index 5733d88f7..86d7ae2c1 100644
--- a/cypress/platform/yari.html
+++ b/cypress/platform/yari.html
@@ -81,6 +81,11 @@
         <h2>Only Class Name</h2>
         <p>Empty line as attribute</p>
         <pre class="mermaid">
+          ---
+            config:
+              class:
+                hideEmptyMembersBox: false
+          ---
           classDiagram
           class Duck {
             
@@ -318,6 +323,7 @@
           cssClass "Duck,Dog" pink
 
           classDef pink fill:#f9f
+          classDef default color:#f1e
           classDef bold stroke:#333,stroke-width:6px,color:#fff
         </pre>
       </div>
@@ -515,6 +521,9 @@
                   +bool is_wild
                   +run()
               }
+              cssClass "Duck" test
+              classDef test fill:#f71
+              %%classDef default fill:#f93
         </pre>
       </div>
       <div class="test">
@@ -541,6 +550,37 @@
           style Triangle fill:#f9f,stroke:#333,stroke-width:4px
         </pre>
       </div>
+      <div class="test">
+        <pre class="mermaid">
+          ---
+            config:
+              look: handDrawn
+          ---
+          classDiagram
+            Class01 "1" <|--|> "*" AveryLongClass : Cool
+            &lt;&lt;interface&gt;&gt; Class01
+            Class03 "1" *-- "*" Class04
+            Class05 "1" o-- "many" Class06
+            Class07 "1" .. "*" Class08
+            Class09 "1" --> "*" C2 : Where am i?
+            Class09 "*" --* "*" C3
+            Class09 "1" --|> "1" Class07
+            Class09 <|--|> AveryLongClass
+            Class07  : equals()
+            Class07  : Object[] elementData
+            Class01  : size()
+            Class01  : int chimp
+            Class01  : int gorilla
+            Class08 "1" <--> "*" C2: Cool label
+            class Class10 {
+              &lt;&lt;service&gt;&gt;
+              int id
+              test()
+            }
+            Class10 o--o AveryLongClass
+            Class10 <--> Class07
+        </pre>
+      </div>
     </div>
 
     <script type="module">
diff --git a/packages/mermaid/src/diagrams/class/classDb.ts b/packages/mermaid/src/diagrams/class/classDb.ts
index 0d31f45cd..55a43ce27 100644
--- a/packages/mermaid/src/diagrams/class/classDb.ts
+++ b/packages/mermaid/src/diagrams/class/classDb.ts
@@ -86,7 +86,7 @@ export const addClass = function (_id: string) {
     label: name,
     text: `${name}${type ? `&lt;${type}&gt;` : ''}`,
     shape: 'classBox',
-    cssClasses: [],
+    cssClasses: ['default'],
     methods: [],
     members: [],
     annotations: [],