diff --git a/packages/rn-tester/js/components/ExamplePage.js b/packages/rn-tester/js/components/ExamplePage.js
index ff9bf7f6f3ac..09ed2bc33f8e 100644
--- a/packages/rn-tester/js/components/ExamplePage.js
+++ b/packages/rn-tester/js/components/ExamplePage.js
@@ -78,6 +78,7 @@ const styles = StyleSheet.create({
   examplesContainer: {
     width: ScreenWidth,
     flexGrow: 1,
+    flex: 1,
   },
   description: {
     marginVertical: 8,
diff --git a/packages/rn-tester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js b/packages/rn-tester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js
index 4ca55175b14d..c494fffc9b3c 100644
--- a/packages/rn-tester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js
+++ b/packages/rn-tester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js
@@ -50,7 +50,7 @@ const CloseButton = props => {
         {marginHorizontal: props.behavior === 'position' ? 0 : 25},
       ]}>
       <Pressable
-        onPress={() => props.setModdalOpen(false)}
+        onPress={() => props.setModalOpen(false)}
         style={styles.closeButton}>
         <Text>Close</Text>
       </Pressable>
@@ -59,7 +59,7 @@ const CloseButton = props => {
 };
 
 const KeyboardAvoidingViewBehaviour = () => {
-  const [modalOpen, setModdalOpen] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
   const [behavior, setBehavior] = useState('padding');
   return (
     <View style={styles.outerContainer}>
@@ -87,7 +87,7 @@ const KeyboardAvoidingViewBehaviour = () => {
                 {backgroundColor: behavior === 'position' ? 'blue' : 'white'},
               ]}>
               <Text style={{color: behavior === 'position' ? 'white' : 'blue'}}>
-                Padding
+                Position
               </Text>
             </TouchableOpacity>
             <TouchableOpacity
@@ -104,12 +104,12 @@ const KeyboardAvoidingViewBehaviour = () => {
               </Text>
             </TouchableOpacity>
           </View>
-          <CloseButton behavior={behavior} setModdalOpen={setModdalOpen} />
+          <CloseButton behavior={behavior} setModalOpen={setModalOpen} />
           <TextInputForm />
         </KeyboardAvoidingView>
       </Modal>
       <View>
-        <Pressable onPress={() => setModdalOpen(true)}>
+        <Pressable onPress={() => setModalOpen(true)}>
           <Text>Open Example</Text>
         </Pressable>
       </View>
@@ -118,7 +118,7 @@ const KeyboardAvoidingViewBehaviour = () => {
 };
 
 const KeyboardAvoidingDisabled = () => {
-  const [modalOpen, setModdalOpen] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
   return (
     <View style={styles.outerContainer}>
       <Modal animationType="fade" visible={modalOpen}>
@@ -126,12 +126,12 @@ const KeyboardAvoidingDisabled = () => {
           enabled={false}
           behavior={'height'}
           style={styles.container}>
-          <CloseButton behavior={'height'} setModdalOpen={setModdalOpen} />
+          <CloseButton behavior={'height'} setModalOpen={setModalOpen} />
           <TextInputForm />
         </KeyboardAvoidingView>
       </Modal>
       <View>
-        <Pressable onPress={() => setModdalOpen(true)}>
+        <Pressable onPress={() => setModalOpen(true)}>
           <Text>Open Example</Text>
         </Pressable>
       </View>
@@ -140,7 +140,7 @@ const KeyboardAvoidingDisabled = () => {
 };
 
 const KeyboardAvoidingVerticalOffset = () => {
-  const [modalOpen, setModdalOpen] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
   return (
     <View style={styles.outerContainer}>
       <Modal animationType="fade" visible={modalOpen}>
@@ -148,12 +148,35 @@ const KeyboardAvoidingVerticalOffset = () => {
           keyboardVerticalOffset={20}
           behavior={'padding'}
           style={styles.container}>
-          <CloseButton behavior={'height'} setModdalOpen={setModdalOpen} />
+          <CloseButton behavior={'height'} setModalOpen={setModalOpen} />
           <TextInputForm />
         </KeyboardAvoidingView>
       </Modal>
       <View>
-        <Pressable onPress={() => setModdalOpen(true)}>
+        <Pressable onPress={() => setModalOpen(true)}>
+          <Text>Open Example</Text>
+        </Pressable>
+      </View>
+    </View>
+  );
+};
+
+const KeyboardAvoidingContentContainerStyle = () => {
+  const [modalOpen, setModalOpen] = useState(false);
+  return (
+    <View>
+      <Modal animationType="fade" visible={modalOpen}>
+        <KeyboardAvoidingView
+          keyboardVerticalOffset={20}
+          behavior={'position'}
+          style={styles.container}
+          contentContainerStyle={styles.contentContainer}>
+          <CloseButton behavior={'height'} setModalOpen={setModalOpen} />
+          <TextInputForm />
+        </KeyboardAvoidingView>
+      </Modal>
+      <View>
+        <Pressable onPress={() => setModalOpen(true)}>
           <Text>Open Example</Text>
         </Pressable>
       </View>
@@ -172,6 +195,10 @@ const styles = StyleSheet.create({
     paddingHorizontal: 20,
     paddingTop: 20,
   },
+  contentContainer: {
+    paddingTop: 20,
+    backgroundColor: '#abdebf',
+  },
   textInput: {
     borderRadius: 5,
     borderWidth: 1,
@@ -225,4 +252,10 @@ exports.examples = [
       return <KeyboardAvoidingDisabled />;
     },
   },
+  {
+    title: 'Keyboard Avoiding View with contentContainerStyle',
+    render(): React.Node {
+      return <KeyboardAvoidingContentContainerStyle />;
+    },
+  },
 ];