diff --git a/src/CircularProgress/CircularProgress.js b/src/CircularProgress/CircularProgress.js
index 4c85d2960bd0d3..9c3eddcf53c7ad 100644
--- a/src/CircularProgress/CircularProgress.js
+++ b/src/CircularProgress/CircularProgress.js
@@ -46,7 +46,7 @@ function getStyles(props, context) {
       width: baseSize,
     },
     path: {
-      strokeDasharray: '89,200',
+      strokeDasharray: '89, 200',
       strokeDashoffset: 0,
       stroke: props.color || palette.primary1Color,
       strokeLinecap: 'round',
@@ -57,7 +57,7 @@ function getStyles(props, context) {
   if (props.mode === 'determinate') {
     const relVal = getRelativeValue(value, min, max);
     styles.path.transition = transitions.create('all', '0.3s', null, 'linear');
-    styles.path.strokeDasharray = `${Math.round(relVal * 1.25)},200`;
+    styles.path.strokeDasharray = `${Math.round(relVal * 1.25)}, 200`;
   }
 
   return styles;
@@ -137,7 +137,7 @@ class CircularProgress extends Component {
       path.style.strokeDashoffset = -35;
       path.style.transitionDuration = '750ms';
     } else {
-      path.style.strokeDasharray = '89,200';
+      path.style.strokeDasharray = '89, 200';
       path.style.strokeDashoffset = -124;
       path.style.transitionDuration = '850ms';
     }
@@ -176,9 +176,14 @@ class CircularProgress extends Component {
         <div ref="wrapper" style={prepareStyles(Object.assign(styles.wrapper, innerStyle))} >
           <svg style={prepareStyles(styles.svg)} >
             <circle
-              ref="path" style={prepareStyles(styles.path)} cx="25"
-              cy="25" r="20" fill="none"
-              strokeWidth="2.5" strokeMiterlimit="10"
+              ref="path"
+              style={prepareStyles(styles.path)}
+              cx="25"
+              cy="25"
+              r="20"
+              fill="none"
+              strokeWidth="2.5"
+              strokeMiterlimit="20"
             />
           </svg>
         </div>