diff --git a/packages/rn-tester/js/examples/Transform/TransformExample.js b/packages/rn-tester/js/examples/Transform/TransformExample.js
index 1aa22864e95bea..74ca54358c4db5 100644
--- a/packages/rn-tester/js/examples/Transform/TransformExample.js
+++ b/packages/rn-tester/js/examples/Transform/TransformExample.js
@@ -70,18 +70,14 @@ function TransformOriginExample() {
   });
 
   return (
-    <View
-      style={{
-        alignItems: 'center',
-      }}>
+    <View style={styles.transformOriginWrapper}>
       <Animated.View
-        style={{
-          transform: [{rotate: spin}],
-          backgroundColor: 'pink',
-          width: 100,
-          height: 100,
-          transformOrigin: 'top',
-        }}
+        style={[
+          styles.transformOriginView,
+          {
+            transform: [{rotate: spin}],
+          },
+        ]}
       />
     </View>
   );
@@ -271,6 +267,15 @@ const styles = StyleSheet.create({
     color: 'white',
     fontWeight: 'bold',
   },
+  transformOriginWrapper: {
+    alignItems: 'center',
+  },
+  transformOriginView: {
+    backgroundColor: 'pink',
+    width: 100,
+    height: 100,
+    transformOrigin: 'top',
+  },
 });
 
 exports.title = 'Transforms';