diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts
index b88c8fb21..cedfecf9d 100644
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts
@@ -8,7 +8,8 @@ import rough from 'roughjs';
 export const circle = async (parent: SVGAElement, node: Node): Promise<SVGAElement> => {
   const { shapeSvg, bbox, halfPadding } = await labelHelper(parent, node, getNodeClasses(node));
 
-  const radius = bbox.width / 2 + halfPadding;
+  const labelPadding = node.look === 'neo' ? halfPadding * 2 : halfPadding;
+  const radius = bbox.width / 2 + labelPadding;
   let circleElem;
   const { cssStyles } = node;
 
diff --git a/packages/mermaid/src/styles.ts b/packages/mermaid/src/styles.ts
index 73eebb48d..00354dba7 100644
--- a/packages/mermaid/src/styles.ts
+++ b/packages/mermaid/src/styles.ts
@@ -93,11 +93,17 @@ const getStyles = (
     stroke: $(options.nodeBorder);
     stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder};
     filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) );
-    fill: #000000;
+    //fill: #000000;
     // rx: 3;
     // ry: 3;
   }
 
+  [data-look="neo"].node circle .state-start{
+   
+    fill: #000000;
+    
+  }
+
   [data-look="neo"].statediagram-cluster rect {
     fill: ${options.compositeTitleBackground};
     stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder};