Fix scrollview in pairing modal

src/components/PairingModal.tsx

@@ -206,7 +206,7 @@ const PairingModal = ({
                 <>
                   {icon.endsWith('.svg') ? (
                     <View style={styles.dappLogo}>
-                      <Text>SvgURI requstIcon</Text>
+                      <Text>SvgURI requestIcon</Text>
                     </View>
                   ) : (
                     <Image style={styles.dappLogo} source={{ uri: icon }} />
@@ -229,13 +229,12 @@ const PairingModal = ({
         <Modal visible={visible} animationType="slide" transparent>
           <View style={styles.modalOuterContainer}>
             <View style={styles.modalContentContainer}>
-              <ScrollView showsVerticalScrollIndicator={true}>
               <View style={styles.container}>
                 {icon && (
                   <>
                     {icon.endsWith('.svg') ? (
                       <View style={styles.dappLogo}>
-                          <Text>SvgURI requstIcon</Text>
+                        <Text>SvgURI requestIcon</Text>
                       </View>
                     ) : (
                       <Image style={styles.dappLogo} source={{ uri: icon }} />
@@ -247,7 +246,10 @@ const PairingModal = ({
                 <Text variant="bodyMedium">{url}</Text>
                 <View style={styles.marginVertical8} />
                 <Text variant="titleMedium">Connect to this site?</Text>
+              </View>
 
+              <ScrollView showsVerticalScrollIndicator={true} style={styles.scrollViewContainer}>
+                <View style={styles.container}>
                   {walletConnectData.walletConnectMethods.length > 0 && (
                     <View>
                       <Text variant="titleMedium">Chains:</Text>

src/styles/stylesheet.js

@@ -166,6 +166,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     marginBottom: 10,
     paddingHorizontal: 20,
+    minHeight: 100,
   },
   modalContentContainer: {
     display: 'flex',
@@ -301,7 +302,11 @@ const styles = StyleSheet.create({
   networksButton: {
     marginTop: 12,
     marginBottom: 20,
-  }
+  },
+  scrollViewContainer: {
+    height: 60,
+    marginTop: 20,
+  },
 });
 
 export default styles;