diff --git a/packages/rn-tester/js/examples/Animated/TransformStylesExample.js b/packages/rn-tester/js/examples/Animated/TransformStylesExample.js
index c9a4942ae7f..613fcb19f7b 100644
--- a/packages/rn-tester/js/examples/Animated/TransformStylesExample.js
+++ b/packages/rn-tester/js/examples/Animated/TransformStylesExample.js
@@ -64,10 +64,12 @@ component AnimatedView(properties: Array<string>, useNativeDriver: boolean) {
         }}>
         Apply Selected Transforms
       </RNTesterButton>
-      <Animated.View
-        // $FlowFixMe[incompatible-type] - properties are not exact
-        style={[styles.animatedView, {transform: transformStyles}]}
-      />
+      <View style={styles.transformIsolation}>
+        <Animated.View
+          // $FlowFixMe[incompatible-type] - properties are not exact
+          style={[styles.animatedView, {transform: transformStyles}]}
+        />
+      </View>
     </>
   );
 }
@@ -153,6 +155,11 @@ const styles = StyleSheet.create({
     width: 100,
     backgroundColor: 'blue',
   },
+  transformIsolation: {
+    // Isolate the 3D-transformed view so iOS does not composite it with sibling
+    // controls, which causes rendering artifacts with rotateX and rotateY.
+    isolation: 'isolate',
+  },
   bottomSeparation: {
     paddingBottom: 6,
     marginBottom: 6,