diff --git a/cypress/integration/rendering/stateDiagram-v2.spec.js b/cypress/integration/rendering/stateDiagram-v2.spec.js
index bc3cb8816..9785be75c 100644
--- a/cypress/integration/rendering/stateDiagram-v2.spec.js
+++ b/cypress/integration/rendering/stateDiagram-v2.spec.js
@@ -58,7 +58,7 @@ describe('State diagram', () => {
     );
     cy.get('svg');
   });
-  it('v2 should render a transition descrions with new lines', () => {
+  it('v2 should render a transition descriptions with new lines', () => {
     imgSnapshotTest(
       `
       stateDiagram-v2
diff --git a/src/dagre-wrapper/edges.js b/src/dagre-wrapper/edges.js
index 973c91528..ce9d58c9e 100644
--- a/src/dagre-wrapper/edges.js
+++ b/src/dagre-wrapper/edges.js
@@ -39,7 +39,7 @@ export const insertEdgeLabel = (elem, edge) => {
   edgeLabels[edge.id] = edgeLabel;
 
   // Update the abstract data of the edge with the new information about its width and height
-  edge.width = bbox.width;
+  edge.width = bbox.width + 40;
   edge.height = bbox.height;
 
   if (edge.startLabelLeft) {
diff --git a/src/dagre-wrapper/nodes.js b/src/dagre-wrapper/nodes.js
index ceab8f400..25389e568 100644
--- a/src/dagre-wrapper/nodes.js
+++ b/src/dagre-wrapper/nodes.js
@@ -596,6 +596,7 @@ const class_box = (parent, node) => {
   const classTitleLabel = labelContainer
     .node()
     .appendChild(createLabel(classTitleString, node.labelStyle, true, true));
+  select(classTitleLabel).attr('class', 'classTitle');
   let classTitleBBox = classTitleLabel.getBBox();
   if (getConfig().flowchart.htmlLabels) {
     const div = classTitleLabel.children[0];
diff --git a/src/diagrams/class/styles.js b/src/diagrams/class/styles.js
index 19ac59bce..21fac63a0 100644
--- a/src/diagrams/class/styles.js
+++ b/src/diagrams/class/styles.js
@@ -6,9 +6,11 @@ const getStyles = options =>
   font-family: ${options.fontFamily};
   font-size: 10px;
 
-  .title {
-    font-weight: bolder;
-  }
+  
+}
+
+.classTitle {
+  font-weight: bolder;
 }
 .node rect,
   .node circle,