diff --git a/packages/react-native-web/src/exports/ProgressBar/index.js b/packages/react-native-web/src/exports/ProgressBar/index.js
index a9e0d96e..84ee0db5 100644
--- a/packages/react-native-web/src/exports/ProgressBar/index.js
+++ b/packages/react-native-web/src/exports/ProgressBar/index.js
@@ -71,12 +71,14 @@ ProgressBar.displayName = 'ProgressBar';
 
 const styles = StyleSheet.create({
   track: {
+    forcedColorAdjust: 'none',
     height: 5,
     overflow: 'hidden',
     userSelect: 'none',
     zIndex: 0
   },
   progress: {
+    forcedColorAdjust: 'none',
     height: '100%',
     zIndex: -1
   },
diff --git a/packages/react-native-web/src/exports/Switch/index.js b/packages/react-native-web/src/exports/Switch/index.js
index 4cc91683..dbcca6f9 100644
--- a/packages/react-native-web/src/exports/Switch/index.js
+++ b/packages/react-native-web/src/exports/Switch/index.js
@@ -145,6 +145,7 @@ const styles = StyleSheet.create({
     cursor: 'inherit'
   },
   track: {
+    forcedColorAdjust: 'none',
     ...StyleSheet.absoluteFillObject,
     height: '70%',
     margin: 'auto',
@@ -152,6 +153,7 @@ const styles = StyleSheet.create({
     width: '100%'
   },
   thumb: {
+    forcedColorAdjust: 'none',
     alignSelf: 'flex-start',
     borderRadius: '100%',
     boxShadow: thumbDefaultBoxShadow,