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,25 +229,27 @@ 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 requestIcon</Text>
+                      </View>
+                    ) : (
+                      <Image style={styles.dappLogo} source={{ uri: icon }} />
+                    )}
+                  </>
+                )}
+
+                <Text variant="titleMedium">{dappName}</Text>
+                <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}>
-                  {icon && (
-                    <>
-                      {icon.endsWith('.svg') ? (
-                        <View style={styles.dappLogo}>
-                          <Text>SvgURI requstIcon</Text>
-                        </View>
-                      ) : (
-                        <Image style={styles.dappLogo} source={{ uri: icon }} />
-                      )}
-                    </>
-                  )}
-
-                  <Text variant="titleMedium">{dappName}</Text>
-                  <Text variant="bodyMedium">{url}</Text>
-                  <View style={styles.marginVertical8} />
-                  <Text variant="titleMedium">Connect to this site?</Text>
-
                   {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;