diff --git a/src/diagrams/state/shapes.js b/src/diagrams/state/shapes.js
index 79452aca0..4b239693a 100644
--- a/src/diagrams/state/shapes.js
+++ b/src/diagrams/state/shapes.js
@@ -79,7 +79,7 @@ export const drawDescrState = (g, stateDef) => {
     .attr('y', getConfig().state.textHeight + 1.3 * getConfig().state.padding)
     .attr('font-size', getConfig().state.fontSize)
     .attr('class', 'state-title')
-    .text(stateDef.descriptions[0]);
+    .text(stateDef.id);
 
   const titleBox = title.node().getBBox();
   const titleHeight = titleBox.height;
@@ -94,7 +94,8 @@ export const drawDescrState = (g, stateDef) => {
         getConfig().state.dividerMargin +
         getConfig().state.textHeight
     )
-    .attr('class', 'state-description');
+    .attr('class', 'state-description')
+    .text(stateDef.descriptions[0]);
 
   let isFirst = true;
   let isSecond = true;