diff --git a/README.md b/README.md
index 4d7b3f7..c20fb61 100644
--- a/README.md
+++ b/README.md
@@ -72,4 +72,4 @@ var styles = StyleSheet.create({
 #### Props
 - `buttonStyle : TouchableOpacity.propTypes.style` - set button style
 - `textStyle : Text.propTypes.style` - set button text style
-- `onPress : PropTypes.func` - callback for button click
+- `onPress : PropTypes.func` - callback for button click
\ No newline at end of file
diff --git a/button.js b/button.js
index f1370d1..8f01f99 100644
--- a/button.js
+++ b/button.js
@@ -4,8 +4,8 @@
 */
 'use strict'
 
-var React = require('react-native');
-var { StyleSheet, Text, TouchableOpacity, View } = React;
+import React from 'react'
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native'
 
 module.exports = React.createClass({
     render: function() {
@@ -26,12 +26,12 @@ var styles = StyleSheet.create({
     buttonText: {
         color: '#0069d5',
         alignSelf: 'center',
-        fontSize: 18
+        fontSize: 20
     },
     button: {
-        height: 40,
+        height: 55,
         backgroundColor: 'white',
-        borderColor: 'gray',
+        borderColor: '#eeeeee',
         borderBottomWidth: 1,
         alignSelf: 'stretch',
         justifyContent: 'center'
diff --git a/index.js b/index.js
index 0b715a0..2f9cdcb 100644
--- a/index.js
+++ b/index.js
@@ -6,12 +6,12 @@
 */
 'use strict';
 
-var React = require('react-native');
-var {
+import React from 'react'
+import {
     StyleSheet,
     TouchableOpacity,
     View,
-} = React;
+} from 'react-native'
 
 var Button = require('./button.js');
 var Overlay = require('./overlay.js');
@@ -36,7 +36,7 @@ module.exports =  React.createClass({
                             {this.props.children}
                         </View>
                         <Button
-                            buttonStyle={{marginTop:6, borderRadius:6}}
+                            buttonStyle={{marginTop:6, borderRadius:15}}
                             textStyle={{color:'red'}}
                             onPress={this.props.onCancel}>{this.props.cancelText}</Button>
                     </Sheet>
@@ -53,10 +53,10 @@ var styles = StyleSheet.create({
         padding: 10,
         paddingBottom: 6,
         justifyContent: "flex-end",
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        backgroundColor: 'rgba(0, 0, 0, 0.3)',
     },
     buttonContainer: {
-        borderRadius:6,
+        borderRadius: 15,
         overflow: 'hidden',
     }
 });
diff --git a/overlay.js b/overlay.js
index e6c4231..b1f186d 100644
--- a/overlay.js
+++ b/overlay.js
@@ -4,8 +4,9 @@
 */
 'use strict';
 
-var React = require('react-native');
-var { Animated, StyleSheet, View, Dimensions} = React;
+import React from 'react'
+
+import { Animated, StyleSheet, View, Dimensions} from 'react-native'
 
 const DEFAULT_ANIMATE_TIME = 300;
 
diff --git a/sheet.js b/sheet.js
index 1001310..f7be5ff 100644
--- a/sheet.js
+++ b/sheet.js
@@ -4,8 +4,8 @@
 */
 'use strict';
 
-var React = require('react-native');
-var { Animated, StyleSheet, View, Dimensions} = React;
+import React from 'react'
+import { Animated, StyleSheet, View, Dimensions} from 'react-native'
 
 const DEFAULT_BOTTOM = -300;
 const DEFAULT_ANIMATE_TIME = 300;