diff --git a/README.md b/README.md
index b32fc24..ebd2307 100644
--- a/README.md
+++ b/README.md
@@ -41,9 +41,9 @@ import Circle from 'react-circle';
 // All avaliable props for customization(illustrated by default values):
 // Details are ordered as: `<Type>: <Description>`
 <Circle
-  animate={true} // Boolean: Animated/Static progress
-  animationDuration="1s" // String: Length of animation
-  responsive={false} // Boolean: Make SVG adapt to parent size
+  animate={true} // Boolean: Animated/Static progress.
+  animationDuration="1s" // String: Length of animation.
+  responsive={false} // Boolean: Make SVG adapt to parent size.
   size="100" // String: Defines the size of the circle.
   lineWidth="25" // String: Defines the thickness of the circle's stroke.
   progress="0" // String: Update to change the progress and percentage.
@@ -54,7 +54,8 @@ import Circle from 'react-circle';
     font: 'bold 4rem Helvetica, Arial, sans-serif' // CSSProperties: Custom styling for percentage.
   }}
   percentSpacing={10} // Number: Adjust spacing of "%" symbol and number.
-  roundedStroke={false} // Boolean: Rounded/Flat line ends
+  verticleSpacing="0.34em" // Number/String: Adjust verticle spacing of the text.
+  roundedStroke={false} // Boolean: Rounded/Flat line ends.
   showPercentage={true} // Boolean: Show/hide percentage.
   showPercentageSymbol={true} // Boolean: Show/hide only the "%" symbol.
 />
diff --git a/src/circle.tsx b/src/circle.tsx
index e03a6ff..e6f3a94 100644
--- a/src/circle.tsx
+++ b/src/circle.tsx
@@ -13,6 +13,7 @@ export interface CircleProps {
   size?: string;
   lineWidth?: string;
   percentSpacing?: number;
+  verticleSpacing?: number | string;
   textStyle?: CSSProperties;
   roundedStroke?: boolean;
   responsive?: boolean;
@@ -40,15 +41,16 @@ export class Circle extends Component<CircleProps, CircleState> {
     size: '100',
     lineWidth: '25',
     percentSpacing: 10,
+    verticleSpacing: "0.34em",
     textStyle: { font: 'bold 4rem Helvetica, Arial, sans-serif' }
   }
 
   get text() {
-    const { progress, showPercentage, textColor, textStyle, percentSpacing, showPercentageSymbol } = this.props;
+    const { progress, showPercentage, textColor, textStyle, percentSpacing, verticleSpacing, showPercentageSymbol } = this.props;
     if (!showPercentage) return;
 
     return (
-      <text style={textStyle} fill={textColor} x={radius} y={radius} textAnchor="middle" dominantBaseline="central">
+      <text style={textStyle} fill={textColor} x={radius} y={radius} dy={verticleSpacing} textAnchor="middle">
         {progress}{showPercentageSymbol && <tspan dx={percentSpacing}>%</tspan>}
       </text>
     );