diff --git a/docs/syntax/stateDiagram.md b/docs/syntax/stateDiagram.md
index 72d7ec63b..f823689aa 100644
--- a/docs/syntax/stateDiagram.md
+++ b/docs/syntax/stateDiagram.md
@@ -501,21 +501,15 @@ There are two ways to apply a `classDef` style to a state:
 
 A `class` statement tells Mermaid to apply the named classDef to one or more classes. The form is:
 
-```text
-    class [one or more state names, separated by commas] [name of a style defined with classDef]
-```
+        class [one or more state names, separated by commas] [name of a style defined with classDef]
 
 Here is an example applying the `badBadEvent` style to a state named `Crash`:
 
-```text
-class Crash badBadEvent
-```
+    class Crash badBadEvent
 
 Here is an example applying the `movement` style to the two states `Moving` and `Crash`:
 
-```text
-class Moving, Crash movement
-```
+    class Moving, Crash movement
 
 Here is a diagram that shows the examples in use. Note that the `Crash` state has two classDef styles applied: `movement`
 and `badBadEvent`
@@ -572,9 +566,7 @@ and `badBadEvent`
 
 You can apply a classDef style to a state using the `:::` (three colons) operator. The syntax is
 
-```text
-[state]:::[style name]
-```
+    [state]:::[style name]
 
 You can use this in a diagram within a statement using a class. This includes the start and end states. For example:
 
diff --git a/packages/mermaid/src/docs/syntax/stateDiagram.md b/packages/mermaid/src/docs/syntax/stateDiagram.md
index 29e355a72..ad2b62f8e 100644
--- a/packages/mermaid/src/docs/syntax/stateDiagram.md
+++ b/packages/mermaid/src/docs/syntax/stateDiagram.md
@@ -318,19 +318,19 @@ There are two ways to apply a `classDef` style to a state:
 
 A `class` statement tells Mermaid to apply the named classDef to one or more classes. The form is:
 
-```text
+```
     class [one or more state names, separated by commas] [name of a style defined with classDef]
 ```
 
 Here is an example applying the `badBadEvent` style to a state named `Crash`:
 
-```text
+```
 class Crash badBadEvent
 ```
 
 Here is an example applying the `movement` style to the two states `Moving` and `Crash`:
 
-```text
+```
 class Moving, Crash movement
 ```
 
@@ -365,7 +365,7 @@ and `badBadEvent`
 
 You can apply a classDef style to a state using the `:::` (three colons) operator. The syntax is
 
-```text
+```
 [state]:::[style name]
 ```