diff --git a/js/SegmentedControl.js b/js/SegmentedControl.js
index df8ffe5b..ae9b879c 100644
--- a/js/SegmentedControl.js
+++ b/js/SegmentedControl.js
@@ -65,7 +65,7 @@ const SegmentedControl = ({
           layout: {width},
         },
       }) => {
-        const newSegmentWidth = values.length ? width / values.length : 0;
+        const newSegmentWidth = values.length ? (width - 4) / values.length : 0;
         if (newSegmentWidth !== segmentWidth) {
           animation.setValue(newSegmentWidth * (selectedIndex || 0));
           setSegmentWidth(newSegmentWidth);
@@ -121,10 +121,10 @@ const styles = StyleSheet.create({
   slider: {
     position: 'absolute',
     borderRadius: 5,
-    top: 1,
-    bottom: 1,
-    right: 1,
-    left: 1,
+    top: 2,
+    bottom: 2,
+    right: 2,
+    left: 2,
   },
 });
 
diff --git a/js/SegmentedControlTab.js b/js/SegmentedControlTab.js
index e2dfc8a4..c145bd11 100644
--- a/js/SegmentedControlTab.js
+++ b/js/SegmentedControlTab.js
@@ -67,6 +67,9 @@ export const SegmentedControlTab = ({
     <TouchableOpacity
       style={styles.container}
       disabled={!enabled}
+      activeOpacity={0.5}
+      delayPressIn={0}
+      delayPressOut={0}
       onPress={onSelect}>
       <View style={[styles.default]}>
         {typeof value === 'number' || typeof value === 'object' ? (