Fix invalid colors in CellButton

1 files changed, 3 insertions, 6 deletions

diff --git a/app/components/styled/CellButton.js b/app/components/styled/CellButton.js
index f0251c942e..ed3421f803 100644
--- a/app/components/styled/CellButton.js
+++ b/app/components/styled/CellButton.js
@@ -10,7 +10,7 @@ import { createViewStyles, createTextStyles } from '../../lib/styles';
 const styles = {
   ...createViewStyles({
     cell: {
-      backgroundColor: colors.blue80,
+      backgroundColor: colors.blue,
       paddingTop: 14,
       paddingBottom: 14,
       paddingLeft: 16,
@@ -21,12 +21,9 @@ const styles = {
       alignItems: 'center',
       alignContent: 'center',
     },
-    blue: {
+    cellHover: {
       backgroundColor: colors.blue80,
     },
-    blueHover: {
-      backgroundColor: colors.blue60,
-    },
     white40: {
       color: colors.white40,
     },
@@ -85,7 +82,7 @@ export default class CellButton extends Component<CellButtonProps, State> {
   iconStyle = (cellHoverStyle?: Types.ViewStyle) => (this.state.hovered ? cellHoverStyle : null);
   subtextStyle = (cellHoverStyle?: Types.ViewStyle) => (this.state.hovered ? cellHoverStyle : null);
   backgroundStyle = (cellHoverStyle?: Types.ViewStyle) =>
-    this.state.hovered ? cellHoverStyle || styles.blueHover : null;
+    this.state.hovered ? cellHoverStyle || styles.cellHover : null;
 
   onHoverStart = () => (!this.props.disabled ? this.setState({ hovered: true }) : null);
   onHoverEnd = () => (!this.props.disabled ? this.setState({ hovered: false }) : null);