diff --git a/src/framework/ui/topNavigation/topNavigationAction.component.tsx b/src/framework/ui/topNavigation/topNavigationAction.component.tsx
index 63b1ef03b..6cbbc9af1 100644
--- a/src/framework/ui/topNavigation/topNavigationAction.component.tsx
+++ b/src/framework/ui/topNavigation/topNavigationAction.component.tsx
@@ -76,6 +76,8 @@ class TopNavigationActionComponent extends React.Component<TopNavigationActionPr
       iconMarginHorizontal,
     } = source;
 
+    const hitSlop: number = 40 - iconWidth;
+
     return {
       container: {
         marginHorizontal: iconMarginHorizontal,
@@ -88,6 +90,12 @@ class TopNavigationActionComponent extends React.Component<TopNavigationActionPr
         height: iconHeight,
         ...styles.icon,
       },
+      hitSlop: {
+        top: hitSlop,
+        left: hitSlop,
+        bottom: hitSlop,
+        right: hitSlop,
+      },
     };
   };
 
@@ -103,6 +111,7 @@ class TopNavigationActionComponent extends React.Component<TopNavigationActionPr
     return (
       <TouchableOpacity
         activeOpacity={1.0}
+        hitSlop={componentStyle.hitSlop}
         {...touchableProps}
         style={componentStyle.container}
         onPress={this.onPress}