diff --git a/app/components/Views/NetworkSelector/NetworkSelector.styles.ts b/app/components/Views/NetworkSelector/NetworkSelector.styles.ts
index f04457d2b89..9aece45fafb 100644
--- a/app/components/Views/NetworkSelector/NetworkSelector.styles.ts
+++ b/app/components/Views/NetworkSelector/NetworkSelector.styles.ts
@@ -154,6 +154,28 @@ const createStyles = (colors: Colors) =>
       fontSize: 10,
       marginTop: 4,
     },
+    screen: { justifyContent: 'flex-end' },
+    scrollableDescription: {
+      maxHeight: Device.getDeviceHeight() * 0.7,
+    },
+    sheet: {
+      backgroundColor: colors.background.default,
+      borderTopLeftRadius: 20,
+      borderTopRightRadius: 20,
+    },
+    title: {
+      textAlign: 'center',
+      marginTop: 8,
+      marginBottom: 8,
+    },
+    notch: {
+      width: 48,
+      height: 5,
+      borderRadius: 4,
+      backgroundColor: colors.border.default,
+      marginTop: 8,
+      alignSelf: 'center',
+    },
     searchContainer: {
       marginLeft: 16,
       marginRight: 16,
diff --git a/app/components/Views/NetworkSelector/NetworkSelector.test.tsx b/app/components/Views/NetworkSelector/NetworkSelector.test.tsx
index 3866801562d..9dc67fcc978 100644
--- a/app/components/Views/NetworkSelector/NetworkSelector.test.tsx
+++ b/app/components/Views/NetworkSelector/NetworkSelector.test.tsx
@@ -540,7 +540,7 @@ describe('Network Selector', () => {
     it('renders the linea mainnet cell correctly', () => {
       (isNetworkUiRedesignEnabled as jest.Mock).mockImplementation(() => true);
       const { getByText } = renderComponent(initialState);
-      const lineaRpcUrl = getByText('https://linea-rpc.publicnode.com');
+      const lineaRpcUrl = getByText('linea-rpc.publicnode.com');
       const lineaCell = getByText('Linea');
       expect(lineaCell).toBeTruthy();
       expect(lineaRpcUrl).toBeTruthy();
@@ -572,7 +572,7 @@ describe('Network Selector', () => {
     it('renders the  mainnet cell correctly', () => {
       (isNetworkUiRedesignEnabled as jest.Mock).mockImplementation(() => true);
       const { getByText } = renderComponent(initialState);
-      const mainnetRpcUrl = getByText('https://mainnet-rpc.publicnode.com');
+      const mainnetRpcUrl = getByText('mainnet-rpc.publicnode.com');
       const mainnetCell = getByText('Ethereum Mainnet');
       expect(mainnetCell).toBeTruthy();
       expect(mainnetRpcUrl).toBeTruthy();
diff --git a/app/components/Views/NetworkSelector/NetworkSelector.tsx b/app/components/Views/NetworkSelector/NetworkSelector.tsx
index a0db393144f..6c92a44ca2c 100644
--- a/app/components/Views/NetworkSelector/NetworkSelector.tsx
+++ b/app/components/Views/NetworkSelector/NetworkSelector.tsx
@@ -1,6 +1,7 @@
 // Third party dependencies.
 import {
   ImageSourcePropType,
+  KeyboardAvoidingView,
   Linking,
   Switch,
   TouchableOpacity,
@@ -12,7 +13,6 @@ import images from 'images/image-icons';
 import { useNavigation, useRoute, RouteProp } from '@react-navigation/native';
 
 // External dependencies.
-import SheetHeader from '../../../component-library/components/Sheet/SheetHeader';
 import Cell, {
   CellVariant,
 } from '../../../component-library/components/Cells/Cell';
@@ -93,6 +93,9 @@ import {
 } from '../../../util/trace';
 import { getTraceTags } from '../../../util/sentry/tags';
 import { store } from '../../../store';
+import ReusableModal, { ReusableModalRef } from '../../UI/ReusableModal';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import Device from '../../../util/device';
 
 interface infuraNetwork {
   name: string;
@@ -124,9 +127,11 @@ const NetworkSelector = () => {
   const { trackEvent, createEventBuilder } = useMetrics();
   const { colors } = theme;
   const styles = createStyles(colors);
-  const sheetRef = useRef<BottomSheetRef>(null);
+  // const sheetRef = useRef<BottomSheetRef>(null);
+  const sheetRef = useRef<ReusableModalRef>(null);
   const showTestNetworks = useSelector(selectShowTestNetworks);
   const isAllNetworks = useSelector(selectIsAllNetworks);
+  const safeAreaInsets = useSafeAreaInsets();
 
   const networkConfigurations = useSelector(selectNetworkConfigurations);
 
@@ -147,6 +152,7 @@ const NetworkSelector = () => {
     networkName: selectedNetworkName,
   } = useNetworkInfo(origin);
 
+  const KEYBOARD_OFFSET = 120;
   const avatarSize = isNetworkUiRedesignEnabled() ? AvatarSize.Sm : undefined;
   const modalTitle = isNetworkUiRedesignEnabled()
     ? 'networks.additional_network_information_title'
@@ -279,7 +285,7 @@ const NetworkSelector = () => {
       }
 
       setTokenNetworkFilter(chainId);
-      sheetRef.current?.onCloseBottomSheet();
+      sheetRef.current?.dismissModal();
       endTrace({ name: TraceName.SwitchCustomNetwork });
       endTrace({ name: TraceName.NetworkSwitch });
       trackEvent(
@@ -403,7 +409,7 @@ const NetworkSelector = () => {
       }, 1000);
     }
 
-    sheetRef.current?.onCloseBottomSheet();
+    sheetRef.current?.dismissModal();
     endTrace({ name: TraceName.SwitchBuiltInNetwork });
     endTrace({ name: TraceName.NetworkSwitch });
     trackEvent(
@@ -463,7 +469,9 @@ const NetworkSelector = () => {
           variant={CellVariant.SelectWithMenu}
           title={name}
           secondaryText={
-            rpcEndpoints?.length > 1 ? hideKeyFromUrl(rpcUrl) : undefined
+            rpcEndpoints?.length > 1
+              ? hideProtocolFromUrl(hideKeyFromUrl(rpcUrl))
+              : undefined
           }
           avatarProps={{
             variant: AvatarVariant.Network,
@@ -539,7 +547,9 @@ const NetworkSelector = () => {
           style={styles.networkCell}
           buttonIcon={IconName.MoreVertical}
           secondaryText={
-            rpcEndpoints?.length > 1 ? hideKeyFromUrl(rpcUrl) : undefined
+            rpcEndpoints?.length > 1
+              ? hideProtocolFromUrl(hideKeyFromUrl(rpcUrl))
+              : undefined
           }
           buttonProps={{
             onButtonClick: () => {
@@ -678,10 +688,10 @@ const NetworkSelector = () => {
 
       const networkConfiguration = networkConfigurations[chainId];
 
+      const rpcEndpoints = networkConfiguration?.rpcEndpoints;
+
       const rpcUrl =
-        networkConfiguration?.rpcEndpoints?.[
-          networkConfiguration?.defaultRpcEndpointIndex
-        ].url;
+        rpcEndpoints?.[networkConfiguration?.defaultRpcEndpointIndex].url;
 
       if (isNetworkUiRedesignEnabled() && isNoSearchResults(name)) return null;
 
@@ -690,7 +700,11 @@ const NetworkSelector = () => {
           <Cell
             key={chainId}
             variant={CellVariant.SelectWithMenu}
-            secondaryText={hideProtocolFromUrl(hideKeyFromUrl(rpcUrl))}
+            secondaryText={
+              rpcEndpoints?.length > 1
+                ? hideProtocolFromUrl(hideKeyFromUrl(rpcUrl))
+                : undefined
+            }
             title={name}
             avatarProps={{
               variant: AvatarVariant.Network,
@@ -740,7 +754,7 @@ const NetworkSelector = () => {
   };
 
   const goToNetworkSettings = () => {
-    sheetRef.current?.onCloseBottomSheet(() => {
+    sheetRef.current?.dismissModal(() => {
       navigate(Routes.ADD_NETWORK, {
         shouldNetworkSwitchPopToWallet: false,
         shouldShowPopularNetworks: false,
@@ -882,140 +896,146 @@ const NetworkSelector = () => {
 
   const renderBottomSheetContent = () => (
     <>
-      <SheetHeader title={strings('networks.select_network')} />
-      <ScrollView testID={NetworkListModalSelectorsIDs.SCROLL}>
-        {isNetworkUiRedesignEnabled() && (
-          <View style={styles.searchContainer}>
-            <NetworkSearchTextInput
-              searchString={searchString}
-              handleSearchTextChange={handleSearchTextChange}
-              clearSearchInput={clearSearchInput}
-              testIdSearchInput={
-                NetworksSelectorSelectorsIDs.SEARCH_NETWORK_INPUT_BOX_ID
-              }
-              testIdCloseIcon={NetworksSelectorSelectorsIDs.CLOSE_ICON}
-            />
-          </View>
-        )}
-        {isNetworkUiRedesignEnabled() &&
-          searchString.length === 0 &&
-          renderEnabledNetworksTitle()}
-        {renderMainnet()}
-        {renderLineaMainnet()}
-        {renderRpcNetworks()}
-        {isNetworkUiRedesignEnabled() &&
-          searchString.length === 0 &&
-          renderPopularNetworksTitle()}
-        {isNetworkUiRedesignEnabled() && renderAdditonalNetworks()}
-        {searchString.length === 0 && renderTestNetworksSwitch()}
-        {showTestNetworks && renderOtherNetworks()}
-      </ScrollView>
-
-      <Button
-        variant={ButtonVariants.Secondary}
-        label={strings(buttonLabelAddNetwork)}
-        onPress={goToNetworkSettings}
-        width={ButtonWidthTypes.Full}
-        size={ButtonSize.Lg}
-        style={styles.addNetworkButton}
-        testID={NetworkListModalSelectorsIDs.ADD_BUTTON}
-      />
+      {isNetworkUiRedesignEnabled() &&
+        searchString.length === 0 &&
+        renderEnabledNetworksTitle()}
+      {renderMainnet()}
+      {renderLineaMainnet()}
+      {renderRpcNetworks()}
+      {isNetworkUiRedesignEnabled() &&
+        searchString.length === 0 &&
+        renderPopularNetworksTitle()}
+      {isNetworkUiRedesignEnabled() && renderAdditonalNetworks()}
+      {searchString.length === 0 && renderTestNetworksSwitch()}
+      {showTestNetworks && renderOtherNetworks()}
     </>
   );
 
   return (
-    <BottomSheet ref={sheetRef}>
-      {isNetworkUiRedesignEnabled() ? (
-        <View style={styles.networkListContainer}>
-          {renderBottomSheetContent()}
+    <ReusableModal ref={sheetRef} style={styles.screen}>
+      <View style={[styles.sheet, { paddingBottom: safeAreaInsets.bottom }]}>
+        <View style={styles.notch} />
+        <Text variant={TextVariant.HeadingMD} style={styles.title}>
+          {strings('networks.select_network')}
+        </Text>
+        <View style={styles.searchContainer}>
+          <NetworkSearchTextInput
+            searchString={searchString}
+            handleSearchTextChange={handleSearchTextChange}
+            clearSearchInput={clearSearchInput}
+            testIdSearchInput={
+              NetworksSelectorSelectorsIDs.SEARCH_NETWORK_INPUT_BOX_ID
+            }
+            testIdCloseIcon={NetworksSelectorSelectorsIDs.CLOSE_ICON}
+          />
         </View>
-      ) : (
-        renderBottomSheetContent()
-      )}
-
-      {showWarningModal ? (
-        <InfoModal
-          isVisible={showWarningModal}
-          title={strings(modalTitle)}
-          body={
-            <Text>
-              <Text style={styles.desc}>{strings(modalDescription)}</Text>{' '}
-              <Text style={[styles.blueText]} onPress={goToLearnMore}>
-                {strings('networks.learn_more')}
-              </Text>
-            </Text>
-          }
-          toggleModal={toggleWarningModal}
-        />
-      ) : null}
-
-      {showNetworkMenuModal.isVisible ? (
-        <BottomSheet
-          ref={networkMenuSheetRef}
-          onClose={closeModal}
-          shouldNavigateBack={false}
+        <KeyboardAvoidingView
+          behavior={Device.isIos() ? undefined : 'height'}
+          keyboardVerticalOffset={KEYBOARD_OFFSET}
+          enabled
         >
-          <View style={styles.networkMenu}>
-            <AccountAction
-              actionTitle={strings('transaction.edit')}
-              iconName={IconName.Edit}
-              onPress={() => {
-                sheetRef.current?.onCloseBottomSheet(() => {
-                  navigate(Routes.ADD_NETWORK, {
-                    shouldNetworkSwitchPopToWallet: false,
-                    shouldShowPopularNetworks: false,
-                    network: showNetworkMenuModal.networkTypeOrRpcUrl,
-                  });
-                });
-              }}
-            />
-            {showNetworkMenuModal.chainId !== selectedChainId &&
-            showNetworkMenuModal.displayEdit ? (
+          <ScrollView
+            style={styles.scrollableDescription}
+            keyboardShouldPersistTaps="handled"
+            testID={NetworkListModalSelectorsIDs.SCROLL}
+          >
+            {renderBottomSheetContent()}
+          </ScrollView>
+          <Button
+            variant={ButtonVariants.Secondary}
+            label={strings(buttonLabelAddNetwork)}
+            onPress={goToNetworkSettings}
+            width={ButtonWidthTypes.Full}
+            size={ButtonSize.Lg}
+            style={styles.addNetworkButton}
+            testID={NetworkListModalSelectorsIDs.ADD_BUTTON}
+          />
+        </KeyboardAvoidingView>
+
+        {showWarningModal ? (
+          <InfoModal
+            isVisible={showWarningModal}
+            title={strings(modalTitle)}
+            body={
+              <Text>
+                <Text style={styles.desc}>{strings(modalDescription)}</Text>{' '}
+                <Text style={[styles.blueText]} onPress={goToLearnMore}>
+                  {strings('networks.learn_more')}
+                </Text>
+              </Text>
+            }
+            toggleModal={toggleWarningModal}
+          />
+        ) : null}
+
+        {showNetworkMenuModal.isVisible ? (
+          <BottomSheet
+            ref={networkMenuSheetRef}
+            onClose={closeModal}
+            shouldNavigateBack={false}
+          >
+            <View style={styles.networkMenu}>
               <AccountAction
-                actionTitle={strings('app_settings.delete')}
-                iconName={IconName.Trash}
-                onPress={() => removeRpcUrl(showNetworkMenuModal.chainId)}
-                testID={NetworkListModalSelectorsIDs.DELETE_NETWORK}
+                actionTitle={strings('transaction.edit')}
+                iconName={IconName.Edit}
+                onPress={() => {
+                  sheetRef.current?.dismissModal(() => {
+                    navigate(Routes.ADD_NETWORK, {
+                      shouldNetworkSwitchPopToWallet: false,
+                      shouldShowPopularNetworks: false,
+                      network: showNetworkMenuModal.networkTypeOrRpcUrl,
+                    });
+                  });
+                }}
               />
-            ) : null}
-          </View>
-        </BottomSheet>
-      ) : null}
-
-      <RpcSelectionModal
-        showMultiRpcSelectModal={showMultiRpcSelectModal}
-        closeRpcModal={closeRpcModal}
-        onRpcSelect={onRpcSelect}
-        rpcMenuSheetRef={rpcMenuSheetRef}
-        networkConfigurations={networkConfigurations}
-        styles={styles}
-      />
+              {showNetworkMenuModal.chainId !== selectedChainId &&
+              showNetworkMenuModal.displayEdit ? (
+                <AccountAction
+                  actionTitle={strings('app_settings.delete')}
+                  iconName={IconName.Trash}
+                  onPress={() => removeRpcUrl(showNetworkMenuModal.chainId)}
+                  testID={NetworkListModalSelectorsIDs.DELETE_NETWORK}
+                />
+              ) : null}
+            </View>
+          </BottomSheet>
+        ) : null}
+
+        <RpcSelectionModal
+          showMultiRpcSelectModal={showMultiRpcSelectModal}
+          closeRpcModal={closeRpcModal}
+          onRpcSelect={onRpcSelect}
+          rpcMenuSheetRef={rpcMenuSheetRef}
+          networkConfigurations={networkConfigurations}
+          styles={styles}
+        />
 
-      {showConfirmDeleteModal.isVisible ? (
-        <BottomSheet
-          ref={deleteModalSheetRef}
-          onClose={closeDeleteModal}
-          shouldNavigateBack={false}
-        >
-          <BottomSheetHeader>
-            <Text variant={TextVariant.HeadingMD}>
-              {strings('app_settings.delete')}{' '}
-              {showConfirmDeleteModal.networkName}{' '}
-              {strings('asset_details.network')}
-            </Text>
-          </BottomSheetHeader>
-          <View style={styles.containerDeleteText}>
-            <Text style={styles.textCentred}>
-              {strings('app_settings.network_delete')}
-            </Text>
-            <BottomSheetFooter
-              buttonsAlignment={ButtonsAlignment.Horizontal}
-              buttonPropsArray={[cancelButtonProps, deleteButtonProps]}
-            />
-          </View>
-        </BottomSheet>
-      ) : null}
-    </BottomSheet>
+        {showConfirmDeleteModal.isVisible ? (
+          <BottomSheet
+            ref={deleteModalSheetRef}
+            onClose={closeDeleteModal}
+            shouldNavigateBack={false}
+          >
+            <BottomSheetHeader>
+              <Text variant={TextVariant.HeadingMD}>
+                {strings('app_settings.delete')}{' '}
+                {showConfirmDeleteModal.networkName}{' '}
+                {strings('asset_details.network')}
+              </Text>
+            </BottomSheetHeader>
+            <View style={styles.containerDeleteText}>
+              <Text style={styles.textCentred}>
+                {strings('app_settings.network_delete')}
+              </Text>
+              <BottomSheetFooter
+                buttonsAlignment={ButtonsAlignment.Horizontal}
+                buttonPropsArray={[cancelButtonProps, deleteButtonProps]}
+              />
+            </View>
+          </BottomSheet>
+        ) : null}
+      </View>
+    </ReusableModal>
   );
 };
 
diff --git a/app/components/Views/NetworkSelector/__snapshots__/NetworkSelector.test.tsx.snap b/app/components/Views/NetworkSelector/__snapshots__/NetworkSelector.test.tsx.snap
index d74a778a2c5..c29ed6ac9b1 100644
--- a/app/components/Views/NetworkSelector/__snapshots__/NetworkSelector.test.tsx.snap
+++ b/app/components/Views/NetworkSelector/__snapshots__/NetworkSelector.test.tsx.snap
@@ -303,21 +303,14 @@ exports[`Network Selector renders correctly 1`] = `
                     }
                   >
                     <View
-                      onLayout={[Function]}
                       style={
-                        [
-                          {
-                            "bottom": 0,
-                            "justifyContent": "flex-end",
-                            "left": 0,
-                            "position": "absolute",
-                            "right": 0,
-                            "top": 0,
-                          },
-                          {
-                            "paddingBottom": 0,
-                          },
-                        ]
+                        {
+                          "bottom": 0,
+                          "left": 0,
+                          "position": "absolute",
+                          "right": 0,
+                          "top": 0,
+                        }
                       }
                     >
                       <View
@@ -332,66 +325,62 @@ exports[`Network Selector renders correctly 1`] = `
                               "top": 0,
                             },
                             {
-                              "opacity": 0,
+                              "opacity": undefined,
+                            },
+                          ]
+                        }
+                      />
+                      <View
+                        collapsable={false}
+                        onGestureHandlerEvent={[Function]}
+                        onGestureHandlerStateChange={[Function]}
+                        style={
+                          [
+                            [
+                              {
+                                "bottom": 0,
+                                "left": 0,
+                                "position": "absolute",
+                                "right": 0,
+                                "top": 0,
+                              },
+                              {
+                                "transform": [
+                                  {
+                                    "translateY": 1334,
+                                  },
+                                ],
+                              },
+                            ],
+                            {
+                              "justifyContent": "flex-end",
                             },
                           ]
                         }
                       >
                         <TouchableOpacity
+                          disabled={false}
                           onPress={[Function]}
                           style={
-                            {
-                              "flex": 1,
-                            }
-                          }
-                        />
-                      </View>
-                      <View
-                        onLayout={[Function]}
-                        style={
-                          [
                             {
                               "bottom": 0,
                               "left": 0,
                               "position": "absolute",
                               "right": 0,
-                            },
-                            {
-                              "paddingBottom": 0,
-                            },
-                          ]
-                        }
-                      >
+                              "top": 0,
+                            }
+                          }
+                        />
                         <View
-                          collapsable={false}
-                          onGestureHandlerEvent={[Function]}
-                          onGestureHandlerStateChange={[Function]}
-                          onLayout={[Function]}
                           style={
                             [
                               {
                                 "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c566",
-                                "borderTopLeftRadius": 8,
-                                "borderTopRightRadius": 8,
-                                "borderWidth": 1,
-                                "maxHeight": 1314,
-                                "overflow": "hidden",
-                                "paddingBottom": 0,
-                                "shadowColor": "#0000001a",
-                                "shadowOffset": {
-                                  "height": 2,
-                                  "width": 0,
-                                },
-                                "shadowOpacity": 1,
-                                "shadowRadius": 40,
+                                "borderTopLeftRadius": 20,
+                                "borderTopRightRadius": 20,
                               },
                               {
-                                "transform": [
-                                  {
-                                    "translateY": 1334,
-                                  },
-                                ],
+                                "paddingBottom": 0,
                               },
                             ]
                           }
@@ -399,101 +388,131 @@ exports[`Network Selector renders correctly 1`] = `
                           <View
                             style={
                               {
-                                "alignItems": "center",
-                                "alignSelf": "stretch",
-                                "padding": 4,
+                                "alignSelf": "center",
+                                "backgroundColor": "#bbc0c5",
+                                "borderRadius": 4,
+                                "height": 5,
+                                "marginTop": 8,
+                                "width": 48,
                               }
                             }
-                          >
-                            <View
-                              style={
-                                {
-                                  "backgroundColor": "#bbc0c566",
-                                  "borderRadius": 2,
-                                  "height": 4,
-                                  "width": 40,
-                                }
+                          />
+                          <Text
+                            accessibilityRole="text"
+                            style={
+                              {
+                                "color": "#141618",
+                                "fontFamily": "EuclidCircularB-Bold",
+                                "fontSize": 18,
+                                "fontWeight": "700",
+                                "letterSpacing": 0,
+                                "lineHeight": 24,
+                                "marginBottom": 8,
+                                "marginTop": 8,
+                                "textAlign": "center",
                               }
-                            />
-                          </View>
+                            }
+                          >
+                            Select a network
+                          </Text>
                           <View
                             style={
                               {
-                                "alignItems": "center",
-                                "backgroundColor": "#ffffff",
-                                "flexDirection": "row",
-                                "height": 32,
-                                "justifyContent": "space-between",
-                                "margin": 16,
+                                "marginBottom": 8,
+                                "marginLeft": 16,
+                                "marginRight": 16,
                               }
                             }
                           >
                             <View
                               style={
                                 {
-                                  "flex": 1,
-                                }
-                              }
-                            />
-                            <Text
-                              accessibilityRole="text"
-                              style={
-                                {
+                                  "alignItems": "center",
+                                  "borderColor": "#bbc0c5",
+                                  "borderRadius": 5,
+                                  "borderWidth": 1,
                                   "color": "#141618",
-                                  "fontFamily": "EuclidCircularB-Bold",
-                                  "fontSize": 18,
-                                  "fontWeight": "700",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 24,
+                                  "flexDirection": "row",
+                                  "paddingHorizontal": 10,
+                                  "paddingVertical": 10,
                                 }
                               }
                             >
-                              Select a network
-                            </Text>
-                            <View
-                              style={
-                                {
-                                  "alignItems": "flex-end",
-                                  "flex": 1,
+                              <Text
+                                allowFontScaling={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#141618",
+                                      "fontSize": 20,
+                                    },
+                                    undefined,
+                                    {
+                                      "fontFamily": "Ionicons",
+                                      "fontStyle": "normal",
+                                      "fontWeight": "normal",
+                                    },
+                                    {},
+                                  ]
                                 }
-                              }
-                            />
-                          </View>
-                          <RCTScrollView
-                            collapsable={false}
-                            onGestureHandlerEvent={[Function]}
-                            onGestureHandlerStateChange={[Function]}
-                            testID="other-networks-scroll"
-                          >
-                            <View>
-                              <TouchableOpacity
-                                disabled={false}
-                                onPress={[Function]}
+                              >
+                                
+                              </Text>
+                              <TextInput
+                                onChangeText={[Function]}
+                                placeholder="Search for previously added network"
+                                placeholderTextColor="#141618"
                                 style={
                                   {
-                                    "alignItems": "center",
-                                    "backgroundColor": "#ffffff",
-                                    "borderRadius": 4,
-                                    "opacity": 1,
-                                    "position": "relative",
+                                    "color": "#141618",
+                                    "flex": 1,
+                                    "fontFamily": "EuclidCircularB-Regular",
+                                    "fontSize": 14,
+                                    "fontWeight": "400",
+                                    "paddingLeft": 10,
                                   }
                                 }
-                                testID="cellselect"
-                              >
-                                <View
-                                  accessibilityRole="none"
-                                  accessible={true}
+                                testID="network-search-input"
+                                value=""
+                              />
+                            </View>
+                          </View>
+                          <View
+                            onLayout={[Function]}
+                          >
+                            <RCTScrollView
+                              collapsable={false}
+                              keyboardShouldPersistTaps="handled"
+                              onGestureHandlerEvent={[Function]}
+                              onGestureHandlerStateChange={[Function]}
+                              style={
+                                {
+                                  "maxHeight": 933.8,
+                                }
+                              }
+                              testID="other-networks-scroll"
+                            >
+                              <View>
+                                <TouchableOpacity
+                                  disabled={false}
+                                  onPress={[Function]}
                                   style={
                                     {
-                                      "padding": 16,
+                                      "alignItems": "center",
+                                      "backgroundColor": "#ffffff",
+                                      "borderRadius": 4,
+                                      "opacity": 1,
+                                      "position": "relative",
                                     }
                                   }
+                                  testID="cellselect"
                                 >
                                   <View
+                                    accessibilityRole="none"
+                                    accessible={true}
                                     style={
                                       {
-                                        "alignItems": "center",
-                                        "flexDirection": "row",
+                                        "padding": 16,
                                       }
                                     }
                                   >
@@ -509,124 +528,125 @@ exports[`Network Selector renders correctly 1`] = `
                                         style={
                                           {
                                             "alignItems": "center",
-                                            "backgroundColor": "#ffffff",
-                                            "borderRadius": 16,
-                                            "height": 32,
-                                            "justifyContent": "center",
-                                            "marginRight": 16,
-                                            "overflow": "hidden",
-                                            "width": 32,
+                                            "flexDirection": "row",
                                           }
                                         }
-                                        testID="cellbase-avatar"
                                       >
-                                        <Image
-                                          onError={[Function]}
-                                          resizeMode="contain"
-                                          source={
-                                            {
-                                              "uri": "MockImage",
-                                            }
-                                          }
+                                        <View
                                           style={
                                             {
+                                              "alignItems": "center",
+                                              "backgroundColor": "#ffffff",
+                                              "borderRadius": 16,
                                               "height": 32,
+                                              "justifyContent": "center",
+                                              "marginRight": 16,
+                                              "overflow": "hidden",
                                               "width": 32,
                                             }
                                           }
-                                          testID="network-avatar-image"
-                                        />
-                                      </View>
-                                      <View
-                                        style={
-                                          {
-                                            "alignItems": "flex-start",
-                                            "flex": 1,
-                                          }
-                                        }
-                                      >
-                                        <Text
-                                          accessibilityRole="text"
-                                          numberOfLines={1}
+                                          testID="cellbase-avatar"
+                                        >
+                                          <Image
+                                            onError={[Function]}
+                                            resizeMode="contain"
+                                            source={
+                                              {
+                                                "uri": "MockImage",
+                                              }
+                                            }
+                                            style={
+                                              {
+                                                "height": 32,
+                                                "width": 32,
+                                              }
+                                            }
+                                            testID="network-avatar-image"
+                                          />
+                                        </View>
+                                        <View
                                           style={
                                             {
-                                              "color": "#141618",
-                                              "fontFamily": "EuclidCircularB-Regular",
-                                              "fontSize": 16,
-                                              "fontWeight": "400",
-                                              "letterSpacing": 0,
-                                              "lineHeight": 24,
+                                              "alignItems": "flex-start",
+                                              "flex": 1,
                                             }
                                           }
-                                          testID="cellbase-avatar-title"
                                         >
-                                          Ethereum Mainnet
-                                        </Text>
+                                          <Text
+                                            accessibilityRole="text"
+                                            numberOfLines={1}
+                                            style={
+                                              {
+                                                "color": "#141618",
+                                                "fontFamily": "EuclidCircularB-Regular",
+                                                "fontSize": 16,
+                                                "fontWeight": "400",
+                                                "letterSpacing": 0,
+                                                "lineHeight": 24,
+                                              }
+                                            }
+                                            testID="cellbase-avatar-title"
+                                          >
+                                            Ethereum Mainnet
+                                          </Text>
+                                        </View>
                                       </View>
                                     </View>
                                   </View>
-                                </View>
-                                <View
-                                  accessibilityRole="checkbox"
-                                  accessible={true}
-                                  style={
-                                    {
-                                      "backgroundColor": "#0376c91a",
-                                      "bottom": 0,
-                                      "flexDirection": "row",
-                                      "left": 0,
-                                      "position": "absolute",
-                                      "right": 0,
-                                      "top": 0,
-                                    }
-                                  }
-                                >
                                   <View
+                                    accessibilityRole="checkbox"
+                                    accessible={true}
                                     style={
                                       {
-                                        "backgroundColor": "#0376c9",
-                                        "borderRadius": 2,
-                                        "marginLeft": 4,
-                                        "marginVertical": 4,
-                                        "width": 4,
+                                        "backgroundColor": "#0376c91a",
+                                        "bottom": 0,
+                                        "flexDirection": "row",
+                                        "left": 0,
+                                        "position": "absolute",
+                                        "right": 0,
+                                        "top": 0,
                                       }
                                     }
-                                  />
-                                </View>
-                              </TouchableOpacity>
-                              <TouchableOpacity
-                                disabled={false}
-                                onPress={[Function]}
-                                style={
-                                  {
-                                    "backgroundColor": "#ffffff",
-                                    "borderRadius": 4,
-                                    "opacity": 1,
-                                    "position": "relative",
-                                  }
-                                }
-                                testID="cellselect"
-                              >
-                                <View
-                                  accessibilityRole="none"
-                                  accessible={true}
+                                  >
+                                    <View
+                                      style={
+                                        {
+                                          "backgroundColor": "#0376c9",
+                                          "borderRadius": 2,
+                                          "marginLeft": 4,
+                                          "marginVertical": 4,
+                                          "width": 4,
+                                        }
+                                      }
+                                    />
+                                  </View>
+                                </TouchableOpacity>
+                                <TouchableOpacity
+                                  disabled={false}
+                                  onPress={[Function]}
                                   style={
                                     {
-                                      "padding": 16,
+                                      "backgroundColor": "#ffffff",
+                                      "borderRadius": 4,
+                                      "opacity": 1,
+                                      "position": "relative",
                                     }
                                   }
+                                  testID="cellselect"
                                 >
                                   <View
+                                    accessibilityRole="none"
+                                    accessible={true}
                                     style={
                                       {
-                                        "alignItems": "center",
-                                        "flexDirection": "row",
+                                        "padding": 16,
                                       }
                                     }
                                   >
                                     <View
                                       style={
                                         {
+                                          "alignItems": "center",
                                           "flexDirection": "row",
                                         }
                                       }
@@ -634,93 +654,92 @@ exports[`Network Selector renders correctly 1`] = `
                                       <View
                                         style={
                                           {
-                                            "alignItems": "center",
-                                            "backgroundColor": "#ffffff",
-                                            "borderRadius": 16,
-                                            "height": 32,
-                                            "justifyContent": "center",
-                                            "marginRight": 16,
-                                            "overflow": "hidden",
-                                            "width": 32,
+                                            "flexDirection": "row",
                                           }
                                         }
-                                        testID="cellbase-avatar"
                                       >
-                                        <Image
-                                          onError={[Function]}
-                                          resizeMode="contain"
-                                          source={
-                                            {
-                                              "uri": "MockImage",
-                                            }
-                                          }
+                                        <View
                                           style={
                                             {
+                                              "alignItems": "center",
+                                              "backgroundColor": "#ffffff",
+                                              "borderRadius": 16,
                                               "height": 32,
+                                              "justifyContent": "center",
+                                              "marginRight": 16,
+                                              "overflow": "hidden",
                                               "width": 32,
                                             }
                                           }
-                                          testID="network-avatar-image"
-                                        />
-                                      </View>
-                                      <View
-                                        style={
-                                          {
-                                            "alignItems": "flex-start",
-                                            "flex": 1,
-                                          }
-                                        }
-                                      >
-                                        <Text
-                                          accessibilityRole="text"
-                                          numberOfLines={1}
+                                          testID="cellbase-avatar"
+                                        >
+                                          <Image
+                                            onError={[Function]}
+                                            resizeMode="contain"
+                                            source={
+                                              {
+                                                "uri": "MockImage",
+                                              }
+                                            }
+                                            style={
+                                              {
+                                                "height": 32,
+                                                "width": 32,
+                                              }
+                                            }
+                                            testID="network-avatar-image"
+                                          />
+                                        </View>
+                                        <View
                                           style={
                                             {
-                                              "color": "#141618",
-                                              "fontFamily": "EuclidCircularB-Regular",
-                                              "fontSize": 16,
-                                              "fontWeight": "400",
-                                              "letterSpacing": 0,
-                                              "lineHeight": 24,
+                                              "alignItems": "flex-start",
+                                              "flex": 1,
                                             }
                                           }
-                                          testID="cellbase-avatar-title"
                                         >
-                                          Linea
-                                        </Text>
+                                          <Text
+                                            accessibilityRole="text"
+                                            numberOfLines={1}
+                                            style={
+                                              {
+                                                "color": "#141618",
+                                                "fontFamily": "EuclidCircularB-Regular",
+                                                "fontSize": 16,
+                                                "fontWeight": "400",
+                                                "letterSpacing": 0,
+                                                "lineHeight": 24,
+                                              }
+                                            }
+                                            testID="cellbase-avatar-title"
+                                          >
+                                            Linea
+                                          </Text>
+                                        </View>
                                       </View>
                                     </View>
                                   </View>
-                                </View>
-                              </TouchableOpacity>
-                              <TouchableOpacity
-                                disabled={false}
-                                onPress={[Function]}
-                                style={
-                                  {
-                                    "alignItems": "center",
-                                    "backgroundColor": "#ffffff",
-                                    "borderRadius": 4,
-                                    "opacity": 1,
-                                    "position": "relative",
-                                  }
-                                }
-                                testID="network-cell-Avalanche Mainnet C-Chain"
-                              >
-                                <View
-                                  accessibilityRole="none"
-                                  accessible={true}
+                                </TouchableOpacity>
+                                <TouchableOpacity
+                                  disabled={false}
+                                  onPress={[Function]}
                                   style={
                                     {
-                                      "padding": 16,
+                                      "alignItems": "center",
+                                      "backgroundColor": "#ffffff",
+                                      "borderRadius": 4,
+                                      "opacity": 1,
+                                      "position": "relative",
                                     }
                                   }
+                                  testID="network-cell-Avalanche Mainnet C-Chain"
                                 >
                                   <View
+                                    accessibilityRole="none"
+                                    accessible={true}
                                     style={
                                       {
-                                        "alignItems": "center",
-                                        "flexDirection": "row",
+                                        "padding": 16,
                                       }
                                     }
                                   >
@@ -736,94 +755,94 @@ exports[`Network Selector renders correctly 1`] = `
                                         style={
                                           {
                                             "alignItems": "center",
-                                            "backgroundColor": "#ffffff",
-                                            "borderRadius": 16,
-                                            "height": 32,
-                                            "justifyContent": "center",
-                                            "marginRight": 16,
-                                            "overflow": "hidden",
-                                            "width": 32,
+                                            "flexDirection": "row",
                                           }
                                         }
-                                        testID="cellbase-avatar"
                                       >
-                                        <Image
-                                          onError={[Function]}
-                                          resizeMode="contain"
-                                          source={
-                                            {
-                                              "default": {
-                                                "uri": "MockImage",
-                                              },
-                                            }
-                                          }
+                                        <View
                                           style={
                                             {
+                                              "alignItems": "center",
+                                              "backgroundColor": "#ffffff",
+                                              "borderRadius": 16,
                                               "height": 32,
+                                              "justifyContent": "center",
+                                              "marginRight": 16,
+                                              "overflow": "hidden",
                                               "width": 32,
                                             }
                                           }
-                                          testID="network-avatar-image"
-                                        />
-                                      </View>
-                                      <View
-                                        style={
-                                          {
-                                            "alignItems": "flex-start",
-                                            "flex": 1,
-                                          }
-                                        }
-                                      >
-                                        <Text
-                                          accessibilityRole="text"
-                                          numberOfLines={1}
+                                          testID="cellbase-avatar"
+                                        >
+                                          <Image
+                                            onError={[Function]}
+                                            resizeMode="contain"
+                                            source={
+                                              {
+                                                "default": {
+                                                  "uri": "MockImage",
+                                                },
+                                              }
+                                            }
+                                            style={
+                                              {
+                                                "height": 32,
+                                                "width": 32,
+                                              }
+                                            }
+                                            testID="network-avatar-image"
+                                          />
+                                        </View>
+                                        <View
                                           style={
                                             {
-                                              "color": "#141618",
-                                              "fontFamily": "EuclidCircularB-Regular",
-                                              "fontSize": 16,
-                                              "fontWeight": "400",
-                                              "letterSpacing": 0,
-                                              "lineHeight": 24,
+                                              "alignItems": "flex-start",
+                                              "flex": 1,
                                             }
                                           }
-                                          testID="cellbase-avatar-title"
                                         >
-                                          Avalanche Mainnet C-Chain
-                                        </Text>
+                                          <Text
+                                            accessibilityRole="text"
+                                            numberOfLines={1}
+                                            style={
+                                              {
+                                                "color": "#141618",
+                                                "fontFamily": "EuclidCircularB-Regular",
+                                                "fontSize": 16,
+                                                "fontWeight": "400",
+                                                "letterSpacing": 0,
+                                                "lineHeight": 24,
+                                              }
+                                            }
+                                            testID="cellbase-avatar-title"
+                                          >
+                                            Avalanche Mainnet C-Chain
+                                          </Text>
+                                        </View>
                                       </View>
                                     </View>
                                   </View>
-                                </View>
-                              </TouchableOpacity>
-                              <TouchableOpacity
-                                disabled={false}
-                                onPress={[Function]}
-                                style={
-                                  {
-                                    "alignItems": "center",
-                                    "backgroundColor": "#ffffff",
-                                    "borderRadius": 4,
-                                    "opacity": 1,
-                                    "position": "relative",
-                                  }
-                                }
-                                testID="network-cell-Polygon Mainnet"
-                              >
-                                <View
-                                  accessibilityRole="none"
-                                  accessible={true}
+                                </TouchableOpacity>
+                                <TouchableOpacity
+                                  disabled={false}
+                                  onPress={[Function]}
                                   style={
                                     {
-                                      "padding": 16,
+                                      "alignItems": "center",
+                                      "backgroundColor": "#ffffff",
+                                      "borderRadius": 4,
+                                      "opacity": 1,
+                                      "position": "relative",
                                     }
                                   }
+                                  testID="network-cell-Polygon Mainnet"
                                 >
                                   <View
+                                    accessibilityRole="none"
+                                    accessible={true}
                                     style={
                                       {
-                                        "alignItems": "center",
-                                        "flexDirection": "row",
+                                        "padding": 16,
                                       }
                                     }
                                   >
@@ -839,94 +858,94 @@ exports[`Network Selector renders correctly 1`] = `
                                         style={
                                           {
                                             "alignItems": "center",
-                                            "backgroundColor": "#ffffff",
-                                            "borderRadius": 16,
-                                            "height": 32,
-                                            "justifyContent": "center",
-                                            "marginRight": 16,
-                                            "overflow": "hidden",
-                                            "width": 32,
+                                            "flexDirection": "row",
                                           }
                                         }
-                                        testID="cellbase-avatar"
                                       >
-                                        <Image
-                                          onError={[Function]}
-                                          resizeMode="contain"
-                                          source={
-                                            {
-                                              "default": {
-                                                "uri": "MockImage",
-                                              },
-                                            }
-                                          }
+                                        <View
                                           style={
                                             {
+                                              "alignItems": "center",
+                                              "backgroundColor": "#ffffff",
+                                              "borderRadius": 16,
                                               "height": 32,
+                                              "justifyContent": "center",
+                                              "marginRight": 16,
+                                              "overflow": "hidden",
                                               "width": 32,
                                             }
                                           }
-                                          testID="network-avatar-image"
-                                        />
-                                      </View>
-                                      <View
-                                        style={
-                                          {
-                                            "alignItems": "flex-start",
-                                            "flex": 1,
-                                          }
-                                        }
-                                      >
-                                        <Text
-                                          accessibilityRole="text"
-                                          numberOfLines={1}
+                                          testID="cellbase-avatar"
+                                        >
+                                          <Image
+                                            onError={[Function]}
+                                            resizeMode="contain"
+                                            source={
+                                              {
+                                                "default": {
+                                                  "uri": "MockImage",
+                                                },
+                                              }
+                                            }
+                                            style={
+                                              {
+                                                "height": 32,
+                                                "width": 32,
+                                              }
+                                            }
+                                            testID="network-avatar-image"
+                                          />
+                                        </View>
+                                        <View
                                           style={
                                             {
-                                              "color": "#141618",
-                                              "fontFamily": "EuclidCircularB-Regular",
-                                              "fontSize": 16,
-                                              "fontWeight": "400",
-                                              "letterSpacing": 0,
-                                              "lineHeight": 24,
+                                              "alignItems": "flex-start",
+                                              "flex": 1,
                                             }
                                           }
-                                          testID="cellbase-avatar-title"
                                         >
-                                          Polygon Mainnet
-                                        </Text>
+                                          <Text
+                                            accessibilityRole="text"
+                                            numberOfLines={1}
+                                            style={
+                                              {
+                                                "color": "#141618",
+                                                "fontFamily": "EuclidCircularB-Regular",
+                                                "fontSize": 16,
+                                                "fontWeight": "400",
+                                                "letterSpacing": 0,
+                                                "lineHeight": 24,
+                                              }
+                                            }
+                                            testID="cellbase-avatar-title"
+                                          >
+                                            Polygon Mainnet
+                                          </Text>
+                                        </View>
                                       </View>
                                     </View>
                                   </View>
-                                </View>
-                              </TouchableOpacity>
-                              <TouchableOpacity
-                                disabled={false}
-                                onPress={[Function]}
-                                style={
-                                  {
-                                    "alignItems": "center",
-                                    "backgroundColor": "#ffffff",
-                                    "borderRadius": 4,
-                                    "opacity": 1,
-                                    "position": "relative",
-                                  }
-                                }
-                                testID="network-cell-Optimism"
-                              >
-                                <View
-                                  accessibilityRole="none"
-                                  accessible={true}
+                                </TouchableOpacity>
+                                <TouchableOpacity
+                                  disabled={false}
+                                  onPress={[Function]}
                                   style={
                                     {
-                                      "padding": 16,
+                                      "alignItems": "center",
+                                      "backgroundColor": "#ffffff",
+                                      "borderRadius": 4,
+                                      "opacity": 1,
+                                      "position": "relative",
                                     }
                                   }
+                                  testID="network-cell-Optimism"
                                 >
                                   <View
+                                    accessibilityRole="none"
+                                    accessible={true}
                                     style={
                                       {
-                                        "alignItems": "center",
-                                        "flexDirection": "row",
+                                        "padding": 16,
                                       }
                                     }
                                   >
@@ -942,94 +961,94 @@ exports[`Network Selector renders correctly 1`] = `
                                         style={
                                           {
                                             "alignItems": "center",
-                                            "backgroundColor": "#ffffff",
-                                            "borderRadius": 16,
-                                            "height": 32,
-                                            "justifyContent": "center",
-                                            "marginRight": 16,
-                                            "overflow": "hidden",
-                                            "width": 32,
+                                            "flexDirection": "row",
                                           }
                                         }
-                                        testID="cellbase-avatar"
                                       >
-                                        <Image
-                                          onError={[Function]}
-                                          resizeMode="contain"
-                                          source={
-                                            {
-                                              "default": {
-                                                "uri": "MockImage",
-                                              },
-                                            }
-                                          }
+                                        <View
                                           style={
                                             {
+                                              "alignItems": "center",
+                                              "backgroundColor": "#ffffff",
+                                              "borderRadius": 16,
                                               "height": 32,
+                                              "justifyContent": "center",
+                                              "marginRight": 16,
+                                              "overflow": "hidden",
                                               "width": 32,
                                             }
                                           }
-                                          testID="network-avatar-image"
-                                        />
-                                      </View>
-                                      <View
-                                        style={
-                                          {
-                                            "alignItems": "flex-start",
-                                            "flex": 1,
-                                          }
-                                        }
-                                      >
-                                        <Text
-                                          accessibilityRole="text"
-                                          numberOfLines={1}
+                                          testID="cellbase-avatar"
+                                        >
+                                          <Image
+                                            onError={[Function]}
+                                            resizeMode="contain"
+                                            source={
+                                              {
+                                                "default": {
+                                                  "uri": "MockImage",
+                                                },
+                                              }
+                                            }
+                                            style={
+                                              {
+                                                "height": 32,
+                                                "width": 32,
+                                              }
+                                            }
+                                            testID="network-avatar-image"
+                                          />
+                                        </View>
+                                        <View
                                           style={
                                             {
-                                              "color": "#141618",
-                                              "fontFamily": "EuclidCircularB-Regular",
-                                              "fontSize": 16,
-                                              "fontWeight": "400",
-                                              "letterSpacing": 0,
-                                              "lineHeight": 24,
+                                              "alignItems": "flex-start",
+                                              "flex": 1,
                                             }
                                           }
-                                          testID="cellbase-avatar-title"
                                         >
-                                          Optimism
-                                        </Text>
-                                      </View>
-                                    </View>
-                                  </View>
-                                </View>
-                              </TouchableOpacity>
-                              <TouchableOpacity
-                                disabled={false}
-                                onPress={[Function]}
-                                style={
-                                  {
-                                    "alignItems": "center",
-                                    "backgroundColor": "#ffffff",
-                                    "borderRadius": 4,
-                                    "opacity": 1,
-                                    "position": "relative",
-                                  }
-                                }
-                                testID="network-cell-Gnosis Chain"
-                              >
-                                <View
-                                  accessibilityRole="none"
-                                  accessible={true}
+                                          <Text
+                                            accessibilityRole="text"
+                                            numberOfLines={1}
+                                            style={
+                                              {
+                                                "color": "#141618",
+                                                "fontFamily": "EuclidCircularB-Regular",
+                                                "fontSize": 16,
+                                                "fontWeight": "400",
+                                                "letterSpacing": 0,
+                                                "lineHeight": 24,
+                                              }
+                                            }
+                                            testID="cellbase-avatar-title"
+                                          >
+                                            Optimism
+                                          </Text>
+                                        </View>
+                                      </View>
+                                    </View>
+                                  </View>
+                                </TouchableOpacity>
+                                <TouchableOpacity
+                                  disabled={false}
+                                  onPress={[Function]}
                                   style={
                                     {
-                                      "padding": 16,
+                                      "alignItems": "center",
+                                      "backgroundColor": "#ffffff",
+                                      "borderRadius": 4,
+                                      "opacity": 1,
+                                      "position": "relative",
                                     }
                                   }
+                                  testID="network-cell-Gnosis Chain"
                                 >
                                   <View
+                                    accessibilityRole="none"
+                                    accessible={true}
                                     style={
                                       {
-                                        "alignItems": "center",
-                                        "flexDirection": "row",
+                                        "padding": 16,
                                       }
                                     }
                                   >
@@ -1045,158 +1064,167 @@ exports[`Network Selector renders correctly 1`] = `
                                         style={
                                           {
                                             "alignItems": "center",
-                                            "backgroundColor": "#f2f4f6",
-                                            "borderRadius": 16,
-                                            "borderWidth": 1,
-                                            "height": 32,
-                                            "justifyContent": "center",
-                                            "marginRight": 16,
-                                            "overflow": "hidden",
-                                            "width": 32,
+                                            "flexDirection": "row",
                                           }
                                         }
-                                        testID="cellbase-avatar"
                                       >
-                                        <Text
-                                          accessibilityRole="text"
+                                        <View
                                           style={
                                             {
-                                              "color": "#141618",
-                                              "fontFamily": "EuclidCircularB-Regular",
-                                              "fontSize": 16,
-                                              "fontWeight": "400",
-                                              "letterSpacing": 0,
-                                              "lineHeight": 24,
+                                              "alignItems": "center",
+                                              "backgroundColor": "#f2f4f6",
+                                              "borderRadius": 16,
+                                              "borderWidth": 1,
+                                              "height": 32,
+                                              "justifyContent": "center",
+                                              "marginRight": 16,
+                                              "overflow": "hidden",
+                                              "width": 32,
                                             }
                                           }
+                                          testID="cellbase-avatar"
                                         >
-                                          G
-                                        </Text>
-                                      </View>
-                                      <View
-                                        style={
-                                          {
-                                            "alignItems": "flex-start",
-                                            "flex": 1,
-                                          }
-                                        }
-                                      >
-                                        <Text
-                                          accessibilityRole="text"
-                                          numberOfLines={1}
+                                          <Text
+                                            accessibilityRole="text"
+                                            style={
+                                              {
+                                                "color": "#141618",
+                                                "fontFamily": "EuclidCircularB-Regular",
+                                                "fontSize": 16,
+                                                "fontWeight": "400",
+                                                "letterSpacing": 0,
+                                                "lineHeight": 24,
+                                              }
+                                            }
+                                          >
+                                            G
+                                          </Text>
+                                        </View>
+                                        <View
                                           style={
                                             {
-                                              "color": "#141618",
-                                              "fontFamily": "EuclidCircularB-Regular",
-                                              "fontSize": 16,
-                                              "fontWeight": "400",
-                                              "letterSpacing": 0,
-                                              "lineHeight": 24,
+                                              "alignItems": "flex-start",
+                                              "flex": 1,
                                             }
                                           }
-                                          testID="cellbase-avatar-title"
                                         >
-                                          Gnosis Chain
-                                        </Text>
+                                          <Text
+                                            accessibilityRole="text"
+                                            numberOfLines={1}
+                                            style={
+                                              {
+                                                "color": "#141618",
+                                                "fontFamily": "EuclidCircularB-Regular",
+                                                "fontSize": 16,
+                                                "fontWeight": "400",
+                                                "letterSpacing": 0,
+                                                "lineHeight": 24,
+                                              }
+                                            }
+                                            testID="cellbase-avatar-title"
+                                          >
+                                            Gnosis Chain
+                                          </Text>
+                                        </View>
                                       </View>
                                     </View>
                                   </View>
-                                </View>
-                              </TouchableOpacity>
-                              <View
-                                style={
-                                  {
-                                    "alignItems": "center",
-                                    "flexDirection": "row",
-                                    "justifyContent": "space-between",
-                                    "marginHorizontal": 16,
-                                    "marginVertical": 16,
-                                  }
-                                }
-                              >
-                                <Text
-                                  accessibilityRole="text"
+                                </TouchableOpacity>
+                                <View
                                   style={
                                     {
-                                      "color": "#6a737d",
-                                      "fontFamily": "EuclidCircularB-Medium",
-                                      "fontSize": 16,
-                                      "fontWeight": "500",
-                                      "letterSpacing": 0,
-                                      "lineHeight": 24,
+                                      "alignItems": "center",
+                                      "flexDirection": "row",
+                                      "justifyContent": "space-between",
+                                      "marginHorizontal": 16,
+                                      "marginVertical": 16,
                                     }
                                   }
                                 >
-                                  Show test networks
-                                </Text>
-                                <RCTSwitch
-                                  accessibilityRole="switch"
-                                  disabled={false}
-                                  onChange={[Function]}
-                                  onResponderTerminationRequest={[Function]}
-                                  onStartShouldSetResponder={[Function]}
-                                  onTintColor="#0376c9"
-                                  style={
-                                    [
-                                      {
-                                        "height": 31,
-                                        "width": 51,
-                                      },
+                                  <Text
+                                    accessibilityRole="text"
+                                    style={
                                       {
-                                        "backgroundColor": "#bbc0c566",
-                                        "borderRadius": 16,
-                                      },
-                                    ]
-                                  }
-                                  testID="test-network-switch-id"
-                                  thumbTintColor="#ffffff"
-                                  tintColor="#bbc0c566"
-                                  value={false}
-                                />
+                                        "color": "#6a737d",
+                                        "fontFamily": "EuclidCircularB-Medium",
+                                        "fontSize": 16,
+                                        "fontWeight": "500",
+                                        "letterSpacing": 0,
+                                        "lineHeight": 24,
+                                      }
+                                    }
+                                  >
+                                    Show test networks
+                                  </Text>
+                                  <RCTSwitch
+                                    accessibilityRole="switch"
+                                    disabled={false}
+                                    onChange={[Function]}
+                                    onResponderTerminationRequest={[Function]}
+                                    onStartShouldSetResponder={[Function]}
+                                    onTintColor="#0376c9"
+                                    style={
+                                      [
+                                        {
+                                          "height": 31,
+                                          "width": 51,
+                                        },
+                                        {
+                                          "backgroundColor": "#bbc0c566",
+                                          "borderRadius": 16,
+                                        },
+                                      ]
+                                    }
+                                    testID="test-network-switch-id"
+                                    thumbTintColor="#ffffff"
+                                    tintColor="#bbc0c566"
+                                    value={false}
+                                  />
+                                </View>
                               </View>
-                            </View>
-                          </RCTScrollView>
-                          <TouchableOpacity
-                            accessibilityRole="button"
-                            accessible={true}
-                            activeOpacity={1}
-                            onPress={[Function]}
-                            onPressIn={[Function]}
-                            onPressOut={[Function]}
-                            style={
-                              {
-                                "alignItems": "center",
-                                "alignSelf": "stretch",
-                                "backgroundColor": "transparent",
-                                "borderColor": "#0376c9",
-                                "borderRadius": 24,
-                                "borderWidth": 1,
-                                "flexDirection": "row",
-                                "height": 48,
-                                "justifyContent": "center",
-                                "marginBottom": 0,
-                                "marginHorizontal": 16,
-                                "paddingHorizontal": 16,
-                              }
-                            }
-                            testID="add-network-button"
-                          >
-                            <Text
-                              accessibilityRole="text"
+                            </RCTScrollView>
+                            <TouchableOpacity
+                              accessibilityRole="button"
+                              accessible={true}
+                              activeOpacity={1}
+                              onPress={[Function]}
+                              onPressIn={[Function]}
+                              onPressOut={[Function]}
                               style={
                                 {
-                                  "color": "#0376c9",
-                                  "fontFamily": "EuclidCircularB-Regular",
-                                  "fontSize": 14,
-                                  "fontWeight": "400",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 22,
+                                  "alignItems": "center",
+                                  "alignSelf": "stretch",
+                                  "backgroundColor": "transparent",
+                                  "borderColor": "#0376c9",
+                                  "borderRadius": 24,
+                                  "borderWidth": 1,
+                                  "flexDirection": "row",
+                                  "height": 48,
+                                  "justifyContent": "center",
+                                  "marginBottom": 0,
+                                  "marginHorizontal": 16,
+                                  "paddingHorizontal": 16,
                                 }
                               }
+                              testID="add-network-button"
                             >
-                              Add Network
-                            </Text>
-                          </TouchableOpacity>
+                              <Text
+                                accessibilityRole="text"
+                                style={
+                                  {
+                                    "color": "#0376c9",
+                                    "fontFamily": "EuclidCircularB-Regular",
+                                    "fontSize": 14,
+                                    "fontWeight": "400",
+                                    "letterSpacing": 0,
+                                    "lineHeight": 22,
+                                  }
+                                }
+                              >
+                                Add Network
+                              </Text>
+                            </TouchableOpacity>
+                          </View>
                         </View>
                       </View>
                     </View>
@@ -1515,21 +1543,14 @@ exports[`Network Selector renders correctly when network UI redesign is enabled
                     }
                   >
                     <View
-                      onLayout={[Function]}
                       style={
-                        [
-                          {
-                            "bottom": 0,
-                            "justifyContent": "flex-end",
-                            "left": 0,
-                            "position": "absolute",
-                            "right": 0,
-                            "top": 0,
-                          },
-                          {
-                            "paddingBottom": 0,
-                          },
-                        ]
+                        {
+                          "bottom": 0,
+                          "left": 0,
+                          "position": "absolute",
+                          "right": 0,
+                          "top": 0,
+                        }
                       }
                     >
                       <View
@@ -1544,66 +1565,62 @@ exports[`Network Selector renders correctly when network UI redesign is enabled
                               "top": 0,
                             },
                             {
-                              "opacity": 0,
+                              "opacity": undefined,
+                            },
+                          ]
+                        }
+                      />
+                      <View
+                        collapsable={false}
+                        onGestureHandlerEvent={[Function]}
+                        onGestureHandlerStateChange={[Function]}
+                        style={
+                          [
+                            [
+                              {
+                                "bottom": 0,
+                                "left": 0,
+                                "position": "absolute",
+                                "right": 0,
+                                "top": 0,
+                              },
+                              {
+                                "transform": [
+                                  {
+                                    "translateY": 1334,
+                                  },
+                                ],
+                              },
+                            ],
+                            {
+                              "justifyContent": "flex-end",
                             },
                           ]
                         }
                       >
                         <TouchableOpacity
+                          disabled={false}
                           onPress={[Function]}
                           style={
-                            {
-                              "flex": 1,
-                            }
-                          }
-                        />
-                      </View>
-                      <View
-                        onLayout={[Function]}
-                        style={
-                          [
                             {
                               "bottom": 0,
                               "left": 0,
                               "position": "absolute",
                               "right": 0,
-                            },
-                            {
-                              "paddingBottom": 0,
-                            },
-                          ]
-                        }
-                      >
+                              "top": 0,
+                            }
+                          }
+                        />
                         <View
-                          collapsable={false}
-                          onGestureHandlerEvent={[Function]}
-                          onGestureHandlerStateChange={[Function]}
-                          onLayout={[Function]}
                           style={
                             [
                               {
                                 "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c566",
-                                "borderTopLeftRadius": 8,
-                                "borderTopRightRadius": 8,
-                                "borderWidth": 1,
-                                "maxHeight": 1314,
-                                "overflow": "hidden",
-                                "paddingBottom": 0,
-                                "shadowColor": "#0000001a",
-                                "shadowOffset": {
-                                  "height": 2,
-                                  "width": 0,
-                                },
-                                "shadowOpacity": 1,
-                                "shadowRadius": 40,
+                                "borderTopLeftRadius": 20,
+                                "borderTopRightRadius": 20,
                               },
                               {
-                                "transform": [
-                                  {
-                                    "translateY": 1334,
-                                  },
-                                ],
+                                "paddingBottom": 0,
                               },
                             ]
                           }
@@ -1611,27 +1628,39 @@ exports[`Network Selector renders correctly when network UI redesign is enabled
                           <View
                             style={
                               {
-                                "alignItems": "center",
-                                "alignSelf": "stretch",
-                                "padding": 4,
+                                "alignSelf": "center",
+                                "backgroundColor": "#bbc0c5",
+                                "borderRadius": 4,
+                                "height": 5,
+                                "marginTop": 8,
+                                "width": 48,
                               }
                             }
-                          >
-                            <View
-                              style={
-                                {
-                                  "backgroundColor": "#bbc0c566",
-                                  "borderRadius": 2,
-                                  "height": 4,
-                                  "width": 40,
-                                }
+                          />
+                          <Text
+                            accessibilityRole="text"
+                            style={
+                              {
+                                "color": "#141618",
+                                "fontFamily": "EuclidCircularB-Bold",
+                                "fontSize": 18,
+                                "fontWeight": "700",
+                                "letterSpacing": 0,
+                                "lineHeight": 24,
+                                "marginBottom": 8,
+                                "marginTop": 8,
+                                "textAlign": "center",
                               }
-                            />
-                          </View>
+                            }
+                          >
+                            Select a network
+                          </Text>
                           <View
                             style={
                               {
-                                "height": "100%",
+                                "marginBottom": 8,
+                                "marginLeft": 16,
+                                "marginRight": 16,
                               }
                             }
                           >
@@ -1639,117 +1668,74 @@ exports[`Network Selector renders correctly when network UI redesign is enabled
                               style={
                                 {
                                   "alignItems": "center",
-                                  "backgroundColor": "#ffffff",
+                                  "borderColor": "#bbc0c5",
+                                  "borderRadius": 5,
+                                  "borderWidth": 1,
+                                  "color": "#141618",
                                   "flexDirection": "row",
-                                  "height": 32,
-                                  "justifyContent": "space-between",
-                                  "margin": 16,
+                                  "paddingHorizontal": 10,
+                                  "paddingVertical": 10,
                                 }
                               }
                             >
-                              <View
-                                style={
-                                  {
-                                    "flex": 1,
-                                  }
-                                }
-                              />
                               <Text
-                                accessibilityRole="text"
+                                allowFontScaling={false}
                                 style={
-                                  {
-                                    "color": "#141618",
-                                    "fontFamily": "EuclidCircularB-Bold",
-                                    "fontSize": 18,
-                                    "fontWeight": "700",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 24,
-                                  }
+                                  [
+                                    {
+                                      "color": "#141618",
+                                      "fontSize": 20,
+                                    },
+                                    undefined,
+                                    {
+                                      "fontFamily": "Ionicons",
+                                      "fontStyle": "normal",
+                                      "fontWeight": "normal",
+                                    },
+                                    {},
+                                  ]
                                 }
                               >
-                                Select a network
+                                
                               </Text>
-                              <View
+                              <TextInput
+                                onBlur={[Function]}
+                                onChangeText={[Function]}
+                                onFocus={[Function]}
+                                placeholder="Search"
+                                placeholderTextColor="#141618"
                                 style={
                                   {
-                                    "alignItems": "flex-end",
+                                    "borderColor": "#bbc0c5",
+                                    "color": "#141618",
                                     "flex": 1,
+                                    "fontFamily": "EuclidCircularB-Regular",
+                                    "fontSize": 14,
+                                    "fontWeight": "400",
+                                    "paddingLeft": 10,
                                   }
                                 }
+                                testID="network-search-input"
+                                value=""
                               />
                             </View>
+                          </View>
+                          <View
+                            onLayout={[Function]}
+                          >
                             <RCTScrollView
                               collapsable={false}
+                              keyboardShouldPersistTaps="handled"
                               onGestureHandlerEvent={[Function]}
                               onGestureHandlerStateChange={[Function]}
+                              style={
+                                {
+                                  "maxHeight": 933.8,
+                                }
+                              }
                               testID="other-networks-scroll"
                             >
                               <View>
-                                <View
-                                  style={
-                                    {
-                                      "marginBottom": 8,
-                                      "marginLeft": 16,
-                                      "marginRight": 16,
-                                    }
-                                  }
-                                >
-                                  <View
-                                    style={
-                                      {
-                                        "alignItems": "center",
-                                        "borderColor": "#bbc0c5",
-                                        "borderRadius": 5,
-                                        "borderWidth": 1,
-                                        "color": "#141618",
-                                        "flexDirection": "row",
-                                        "paddingHorizontal": 10,
-                                        "paddingVertical": 10,
-                                      }
-                                    }
-                                  >
-                                    <Text
-                                      allowFontScaling={false}
-                                      style={
-                                        [
-                                          {
-                                            "color": "#141618",
-                                            "fontSize": 20,
-                                          },
-                                          undefined,
-                                          {
-                                            "fontFamily": "Ionicons",
-                                            "fontStyle": "normal",
-                                            "fontWeight": "normal",
-                                          },
-                                          {},
-                                        ]
-                                      }
-                                    >
-                                      
-                                    </Text>
-                                    <TextInput
-                                      onBlur={[Function]}
-                                      onChangeText={[Function]}
-                                      onFocus={[Function]}
-                                      placeholder="Search"
-                                      placeholderTextColor="#141618"
-                                      style={
-                                        {
-                                          "borderColor": "#bbc0c5",
-                                          "color": "#141618",
-                                          "flex": 1,
-                                          "fontFamily": "EuclidCircularB-Regular",
-                                          "fontSize": 14,
-                                          "fontWeight": "400",
-                                          "paddingLeft": 10,
-                                        }
-                                      }
-                                      testID="network-search-input"
-                                      value=""
-                                    />
-                                  </View>
-                                </View>
                                 <View
                                   style={
                                     {
@@ -1935,7 +1921,7 @@ exports[`Network Selector renders correctly when network UI redesign is enabled
                                                   }
                                                 }
                                               >
-                                                https://mainnet-rpc.publicnode.com
+                                                mainnet-rpc.publicnode.com
                                               </Text>
                                               <SvgMock
                                                 color="#141618"
@@ -2185,7 +2171,7 @@ exports[`Network Selector renders correctly when network UI redesign is enabled
                                                   }
                                                 }
                                               >
-                                                https://linea-rpc.publicnode.com
+                                                linea-rpc.publicnode.com
                                               </Text>
                                               <SvgMock
                                                 color="#141618"