diff --git a/README.md b/README.md
index 36dcb93f..d8914e8a 100644
--- a/README.md
+++ b/README.md
@@ -198,7 +198,7 @@ const data = [
   { name: 'Toronto', population: 2800000, color: '#F00', legendFontColor: '#7F7F7F', legendFontSize: 15 },
   { name: 'Beijing', population: 527612, color: 'red', legendFontColor: '#7F7F7F', legendFontSize: 15 },
   { name: 'New York', population: 8538000, color: '#ffffff', legendFontColor: '#7F7F7F', legendFontSize: 15 },
-  { name: 'Moscow', population: 11920000, color: 'rgb(0, 0, 255)', legendFontColor: '#7F7F7F, legendFontSize: 15' }
+  { name: 'Moscow', population: 11920000, color: 'rgb(0, 0, 255)', legendFontColor: '#7F7F7F', legendFontSize: 15 }
 ]
 ```
 ```html
diff --git a/src/pie-chart.js b/src/pie-chart.js
index c0727a7d..e0d8b1de 100644
--- a/src/pie-chart.js
+++ b/src/pie-chart.js
@@ -35,8 +35,8 @@ class PieChart extends AbstractChart {
             fill={c.item.color}
           />
           <Rect
-            width="16"
-            height="16"
+            width="5%"
+            height="13%"
             fill={c.item.color}
             rx={8}
             ry={8}
diff --git a/src/progress-chart.js b/src/progress-chart.js
index 9a8151b3..67ffa921 100644
--- a/src/progress-chart.js
+++ b/src/progress-chart.js
@@ -94,8 +94,8 @@ class ProgressChart extends AbstractChart {
               return (
                 <Rect
                   key={Math.random()}
-                  width="16"
-                  height="16"
+                  width="5%"
+                  height="13%"
                   fill={this.props.chartConfig.color(0.2 * (i + 1))}
                   rx={8}
                   ry={8}