Correct positioning for class title

src/dagre-wrapper/nodes.js

@@ -625,9 +625,14 @@ const class_box = (parent, node) => {
     verticalPos = interfaceBBox.height + rowPadding;
   }
   // Positin the class title label
+  let diffX = (maxWidth - classTitleBBox.width) / 2;
   select(classTitleLabel).attr(
     'transform',
-    'translate( ' + -maxWidth + node.padding / 2 + ', ' + ((-1 * maxHeight) / 2 + verticalPos) + ')'
+    'translate( ' +
+      ((-1 * maxWidth) / 2 + diffX) +
+      ', ' +
+      ((-1 * maxHeight) / 2 + verticalPos) +
+      ')'
   );
   verticalPos += classTitleBBox.height + rowPadding;
 

src/diagrams/class/styles.js

@@ -10,6 +10,16 @@ const getStyles = options =>
     font-weight: bolder;
   }
 }
+.node rect,
+  .node circle,
+  .node ellipse,
+  .node polygon,
+  .node path {
+    fill: ${options.mainBkg};
+    stroke: ${options.nodeBorder};
+    stroke-width: 1px;
+  }
+
 
 .divider {
   stroke: ${options.nodeBorder};