diff --git a/ActionButton.js b/ActionButton.js
index 8db543b..f3655ad 100644
--- a/ActionButton.js
+++ b/ActionButton.js
@@ -1,5 +1,6 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
+import { LinearGradient } from 'expo';
 import {
   StyleSheet,
   Text,
@@ -213,7 +214,12 @@ export default class ActionButton extends Component {
             style={wrapperStyle}
           >
             <Animated.View style={[buttonStyle, animatedViewStyle]}>
-              {this._renderButtonIcon()}
+              <LinearGradient
+                colors={['#16CCD9', '#F462A8']}
+                style={buttonStyle}
+               >
+                {this._renderButtonIcon()}
+              </LinearGradient>
             </Animated.View>
           </Animated.View>
         </Touchable>