diff --git a/src/components/Tabbar/TabHomeIcon.js b/src/components/Tabbar/TabHomeIcon.js
index 7c2b848..9d3e9db 100644
--- a/src/components/Tabbar/TabHomeIcon.js
+++ b/src/components/Tabbar/TabHomeIcon.js
@@ -1,10 +1,9 @@
 // @flow
 
 import * as React from 'react';
-import {Image, View} from "react-native";
-import {FAB, withTheme} from 'react-native-paper';
+import {Image, Platform, View} from "react-native";
+import {FAB, TouchableRipple, withTheme} from 'react-native-paper';
 import * as Animatable from "react-native-animatable";
-import TouchableRipple from "react-native-paper/src/components/TouchableRipple/index";
 import CustomTabBar from "./CustomTabBar";
 
 type Props = {
@@ -76,8 +75,7 @@ class TabHomeIcon extends React.Component<Props> {
                     onPress={props.onPress}
                     onLongPress={props.onLongPress}
                     borderless={true}
-                    rippleColor={this.props.theme.colors.primary}
-                    underlayColor={this.props.theme.colors.primary}
+                    rippleColor={Platform.OS === 'android' ? this.props.theme.colors.primary : 'transparent'}
                     style={{
                         position: 'absolute',
                         bottom: 0,
diff --git a/src/components/Tabbar/TabIcon.js b/src/components/Tabbar/TabIcon.js
index f01a634..e81202e 100644
--- a/src/components/Tabbar/TabIcon.js
+++ b/src/components/Tabbar/TabIcon.js
@@ -71,7 +71,6 @@ class TabIcon extends React.Component<Props> {
                 onLongPress={props.onLongPress}
                 borderless={true}
                 rippleColor={this.props.theme.colors.primary}
-                underlayColor={this.props.theme.colors.primary}
                 style={{
                     flex: 1,
                     justifyContent: 'center',