diff --git a/README.md b/README.md
index 44ccb38..1741765 100644
--- a/README.md
+++ b/README.md
@@ -23,7 +23,7 @@ import Ripples from 'react-ripples'
   
 render() {
   <div>
-	<Ripples>
+    <Ripples>
       <button>Hello</button>
     </Ripples>
   </div>
@@ -44,7 +44,7 @@ static propTypes = {
 
 static defaultProps = {
   during: 600,
-  color: 'rgba(255, 255, 255, .5)',
+  color: 'rgba(0, 0, 0, .3)',
 }
 ```
 
diff --git a/demo/react-ripples.js b/demo/react-ripples.js
index b3ffe34..b4c7505 100644
--- a/demo/react-ripples.js
+++ b/demo/react-ripples.js
@@ -8362,8 +8362,8 @@ return /******/ (function(modules) { // webpackBootstrap
 	  position: 'absolute',
 	  borderRadius: '50%',
 	  opacity: 0,
-	  width: 20,
-	  height: 20,
+	  width: 35,
+	  height: 35,
 	  transform: 'translate(-50%, -50%)',
 	  pointerEvents: 'none'
 	};
@@ -8470,7 +8470,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	};
 	Ripples.defaultProps = {
 	  during: 600,
-	  color: 'rgba(255, 255, 255, .5)'
+	  color: 'rgba(0, 0, 0, .3)'
 	};
 
 
diff --git a/package.json b/package.json
index b04fd6f..57aa7ba 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-ripples",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "The ripple effect everything",
   "main": "dist/react-ripples.js",
   "scripts": {
diff --git a/src/index.js b/src/index.js
index dc5378d..bc72ad9 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,8 +4,8 @@ const rippleStyle = {
   position: 'absolute',
   borderRadius: '50%',
   opacity: 0,
-  width: 20,
-  height: 20,
+  width: 35,
+  height: 35,
   transform: 'translate(-50%, -50%)',
   pointerEvents: 'none',
 }
@@ -24,7 +24,7 @@ class Ripples extends React.Component {
 
   static defaultProps = {
     during: 600,
-    color: 'rgba(255, 255, 255, .5)',
+    color: 'rgba(0, 0, 0, .3)',
   }
 
   state = {