diff --git a/components/ripple/index.jsx b/components/ripple/index.jsx
index 1d3585b7..fd78ed2e 100644
--- a/components/ripple/index.jsx
+++ b/components/ripple/index.jsx
@@ -49,7 +49,7 @@ class Ripple extends React.Component {
   }
 
   render () {
-    const { left, top, width } = this.state;
+    const { left, top, width, height} = this.state;
     const rippleStyle = {left, top, width, height};
     let className = style[this.props.loading ? 'loading' : 'normal'];
     if (this.state.active) className += ` ${style.active}`;
diff --git a/package.json b/package.json
index 81771efa..11b11cb3 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
   },
   "devDependencies": {
     "autoprefixer": "^6.0.3",
+    "babel": "^5.8.23",
     "babel-core": "^5.8.23",
     "babel-eslint": "^4.1.3",
     "babel-loader": "^5.3.2",
@@ -64,6 +65,7 @@
     "mocha": "^2.3.3",
     "node-libs-browser": "^0.5.2",
     "node-sass": "^3.3.3",
+    "normalize.css": "^3.0.3",
     "phantomjs-polyfill": "0.0.1",
     "postcss-loader": "^0.7.0",
     "react": "^0.14",