diff --git a/app/components/UI/Tokens/index.tsx b/app/components/UI/Tokens/index.tsx
index 2747fee3b1c..86536934b11 100644
--- a/app/components/UI/Tokens/index.tsx
+++ b/app/components/UI/Tokens/index.tsx
@@ -1,5 +1,5 @@
 import React, { useRef, useState, LegacyRef, useMemo } from 'react';
-import { View } from 'react-native';
+import { ScrollView, View } from 'react-native';
 import ActionSheet from '@metamask/react-native-actionsheet';
 import { useSelector } from 'react-redux';
 import useTokenBalancesController from '../../hooks/useTokenBalancesController/useTokenBalancesController';
@@ -21,7 +21,10 @@ import { TokenI, TokensI } from './types';
 import { WalletViewSelectorsIDs } from '../../../../e2e/selectors/wallet/WalletView.selectors';
 import { strings } from '../../../../locales/i18n';
 import { IconName } from '../../../component-library/components/Icons/Icon';
-import { selectTokenSortConfig } from '../../../selectors/preferencesController';
+import {
+  selectTokenNetworkFilter,
+  selectTokenSortConfig,
+} from '../../../selectors/preferencesController';
 import { deriveBalanceFromAssetMarketDetails, sortAssets } from './util';
 import { useNavigation } from '@react-navigation/native';
 import { StackNavigationProp } from '@react-navigation/stack';
@@ -32,6 +35,7 @@ import {
   selectCurrentCurrency,
 } from '../../../selectors/currencyRateController';
 import ButtonBase from '../../../component-library/components/Buttons/Button/foundation/ButtonBase';
+import { selectNetworkName } from '../../../selectors/networkInfos';
 
 // this will be imported from TokenRatesController when it is exported from there
 // PR: https://github.com/MetaMask/core/pull/4622
@@ -73,6 +77,7 @@ const Tokens: React.FC<TokensI> = ({ tokens }) => {
   const { trackEvent, createEventBuilder } = useMetrics();
   const { data: tokenBalances } = useTokenBalancesController();
   const tokenSortConfig = useSelector(selectTokenSortConfig);
+  const tokenNetworkFilter = useSelector(selectTokenNetworkFilter);
   const chainId = useSelector(selectChainId);
   const networkClientId = useSelector(selectNetworkClientId);
   const hideZeroBalanceTokens = useSelector(
@@ -82,9 +87,11 @@ const Tokens: React.FC<TokensI> = ({ tokens }) => {
   const tokenExchangeRates = useSelector(selectContractExchangeRates);
   const currentCurrency = useSelector(selectCurrentCurrency);
   const conversionRate = useSelector(selectConversionRate);
+  const networkName = useSelector(selectNetworkName);
 
   const actionSheet = useRef<typeof ActionSheet>();
   const sortControlsActionSheet = useRef<typeof ActionSheet>();
+  const filterControlsActionSheet = useRef<typeof ActionSheet>();
   const [tokenToRemove, setTokenToRemove] = useState<TokenI>();
   const [refreshing, setRefreshing] = useState(false);
   const [isAddTokenEnabled, setIsAddTokenEnabled] = useState(true);
@@ -142,6 +149,7 @@ const Tokens: React.FC<TokensI> = ({ tokens }) => {
     }
   };
 
+  const showFilterControls = () => filterControlsActionSheet?.current?.show(); // TODO: BottomSheet
   const showSortControls = () => sortControlsActionSheet?.current?.show();
 
   const onRefresh = async () => {
@@ -236,25 +244,53 @@ const Tokens: React.FC<TokensI> = ({ tokens }) => {
     }
   };
 
+  const onFilterControlsActionSheetPress = (index: number) => {
+    const { PreferencesController } = Engine.context;
+    switch (index) {
+      case 0:
+        PreferencesController.setTokenNetworkFilter({});
+        break;
+      case 1:
+        PreferencesController.setTokenNetworkFilter({
+          [chainId]: true,
+        });
+        break;
+      default:
+        break;
+    }
+  };
+
   return (
     <View
       style={styles.wrapper}
       testID={WalletViewSelectorsIDs.TOKENS_CONTAINER}
     >
       <View style={styles.actionBarWrapper}>
-        <ButtonBase
-          label={strings('wallet.sort_by')}
-          onPress={showSortControls}
-          endIconName={IconName.ArrowDown}
-          style={styles.controlButton}
-        />
-        <ButtonBase
-          testID={WalletViewSelectorsIDs.IMPORT_TOKEN_BUTTON}
-          label={strings('wallet.import')}
-          onPress={goToAddToken}
-          startIconName={IconName.Add}
-          style={styles.controlButton}
-        />
+        <ScrollView horizontal showsHorizontalScrollIndicator={false}>
+          <ButtonBase
+            label={
+              tokenNetworkFilter[chainId]
+                ? networkName ?? 'Current Network'
+                : 'All Networks'
+            }
+            onPress={showFilterControls}
+            endIconName={IconName.ArrowDown}
+            style={styles.controlButton}
+          />
+          <ButtonBase
+            label={strings('wallet.sort_by')}
+            onPress={showSortControls}
+            endIconName={IconName.ArrowDown}
+            style={styles.controlButton}
+          />
+          <ButtonBase
+            testID={WalletViewSelectorsIDs.IMPORT_TOKEN_BUTTON}
+            label={strings('wallet.import')}
+            onPress={goToAddToken}
+            startIconName={IconName.Add}
+            style={styles.controlButton}
+          />
+        </ScrollView>
       </View>
 
       {tokensList && (
@@ -287,6 +323,13 @@ const Tokens: React.FC<TokensI> = ({ tokens }) => {
         cancelButtonIndex={2}
         onPress={onSortControlsActionSheetPress}
       />
+      <ActionSheet
+        ref={filterControlsActionSheet as LegacyRef<typeof ActionSheet>}
+        title={'Filter'}
+        options={['All Networks', 'Current Network', 'Cancel']}
+        cancelButtonIndex={2}
+        onPress={onFilterControlsActionSheetPress}
+      />
     </View>
   );
 };
diff --git a/app/components/UI/Tokens/styles.ts b/app/components/UI/Tokens/styles.ts
index 438ab229741..b85cafc41d6 100644
--- a/app/components/UI/Tokens/styles.ts
+++ b/app/components/UI/Tokens/styles.ts
@@ -152,6 +152,8 @@ const createStyles = (colors: Colors) =>
       borderColor: colors.border.default,
       borderStyle: 'solid',
       borderWidth: 1,
+      marginLeft: 5,
+      marginRight: 5,
     },
   });
 
diff --git a/app/components/Views/Wallet/__snapshots__/index.test.tsx.snap b/app/components/Views/Wallet/__snapshots__/index.test.tsx.snap
index 34d76bf49f9..e8548f7174f 100644
--- a/app/components/Views/Wallet/__snapshots__/index.test.tsx.snap
+++ b/app/components/Views/Wallet/__snapshots__/index.test.tsx.snap
@@ -479,463 +479,408 @@ exports[`Wallet should render correctly 1`] = `
                       }
                     }
                   >
-                    <View
+                    <RNCSafeAreaView
                       style={
                         {
+                          "backgroundColor": "#ffffff",
                           "flex": 1,
                         }
                       }
                     >
-                      <View
+                      <RCTScrollView
+                        collapsable={false}
+                        onGestureHandlerEvent={[Function]}
+                        onGestureHandlerStateChange={[Function]}
                         style={
                           {
-                            "backgroundColor": "#ffffff",
                             "flex": 1,
+                            "paddingHorizontal": 24,
                           }
                         }
-                        testID="wallet-screen"
                       >
-                        <View
-                          style={
-                            {
-                              "marginTop": 20,
-                              "paddingHorizontal": 16,
-                              "widht": "80%",
-                            }
-                          }
-                        >
+                        <View>
                           <View
                             style={
                               {
-                                "backgroundColor": "#d738471a",
-                                "borderColor": "#d73847",
-                                "borderLeftWidth": 4,
-                                "borderRadius": 4,
-                                "flexDirection": "row",
-                                "padding": 12,
-                                "paddingLeft": 8,
+                                "alignItems": "center",
                               }
                             }
-                            testID="banneralert"
                           >
-                            <View
+                            <Image
+                              source={
+                                {
+                                  "default": {
+                                    "uri": "MockImage",
+                                  },
+                                }
+                              }
+                              style={
+                                {
+                                  "height": 50,
+                                  "marginTop": 24,
+                                  "width": 50,
+                                }
+                              }
+                            />
+                            <Text
                               style={
                                 {
-                                  "marginRight": 8,
+                                  "color": "#141618",
+                                  "fontFamily": "EuclidCircularB-Bold",
+                                  "fontSize": 24,
+                                  "fontWeight": "600",
+                                  "lineHeight": 34,
                                 }
                               }
                             >
-                              <SvgMock
-                                color="#d73847"
-                                height={24}
-                                name="Danger"
-                                style={
-                                  {
-                                    "height": 24,
-                                    "width": 24,
-                                  }
+                              An error occurred
+                            </Text>
+                            <Text
+                              style={
+                                {
+                                  "color": "#6a737d",
+                                  "fontFamily": "EuclidCircularB-Regular",
+                                  "fontSize": 14,
+                                  "fontWeight": "400",
+                                  "lineHeight": 20,
+                                  "marginTop": 8,
+                                  "textAlign": "center",
                                 }
-                                width={24}
-                              />
-                            </View>
-                            <View
+                              }
+                            >
+                              Your information can't be shown. Don’t worry, your wallet and funds are safe.
+                            </Text>
+                          </View>
+                          <View
+                            style={
+                              {
+                                "backgroundColor": "#d738471a",
+                                "borderRadius": 8,
+                                "marginTop": 24,
+                              }
+                            }
+                          >
+                            <Text
                               style={
                                 {
-                                  "flex": 1,
+                                  "color": "#141618",
+                                  "fontFamily": "EuclidCircularB-Regular",
+                                  "fontSize": 14,
+                                  "fontWeight": "400",
+                                  "lineHeight": 20,
+                                  "padding": 8,
                                 }
                               }
                             >
-                              <Text
-                                accessibilityRole="text"
-                                style={
-                                  {
-                                    "color": "#141618",
-                                    "fontFamily": "EuclidCircularB-Medium",
-                                    "fontSize": 16,
-                                    "fontWeight": "500",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 24,
-                                  }
+                              View: Wallet
+TypeError: Cannot read properties of undefined (reading 'tabs')
+                            </Text>
+                          </View>
+                          <View
+                            style={
+                              {
+                                "alignItems": "center",
+                              }
+                            }
+                          >
+                            <TouchableOpacity
+                              onPress={[Function]}
+                              style={
+                                {
+                                  "borderColor": "#0376c9",
+                                  "borderRadius": 50,
+                                  "borderWidth": 1,
+                                  "marginTop": 24,
+                                  "padding": 12,
+                                  "paddingHorizontal": 34,
                                 }
-                              >
-                                Basic functionality is off
-                              </Text>
+                              }
+                            >
                               <Text
-                                accessibilityRole="text"
-                                onPress={[Function]}
                                 style={
                                   {
                                     "color": "#0376c9",
                                     "fontFamily": "EuclidCircularB-Regular",
-                                    "fontSize": 14,
                                     "fontWeight": "400",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 22,
+                                    "textAlign": "center",
                                   }
                                 }
                               >
-                                Turn on basic functionality
+                                <Text
+                                  allowFontScaling={false}
+                                  style={
+                                    [
+                                      {
+                                        "color": undefined,
+                                        "fontSize": 15,
+                                      },
+                                      undefined,
+                                      {
+                                        "fontFamily": "FontAwesome",
+                                        "fontStyle": "normal",
+                                        "fontWeight": "normal",
+                                      },
+                                      {},
+                                    ]
+                                  }
+                                >
+                                  
+                                </Text>
+                                  
+                                Try again
                               </Text>
-                            </View>
+                            </TouchableOpacity>
                           </View>
-                        </View>
-                        <View
-                          style={
-                            {
-                              "borderColor": "#bbc0c5",
-                              "borderRadius": 8,
-                              "borderWidth": 1,
-                              "marginHorizontal": 16,
-                              "marginTop": 28,
-                            }
-                          }
-                        >
-                          <TouchableOpacity
-                            onPress={[Function]}
+                          <View
                             style={
                               {
-                                "alignItems": "center",
-                                "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c5",
-                                "borderRadius": 8,
-                                "borderWidth": 0,
-                                "flexDirection": "row",
-                                "padding": 16,
+                                "marginTop": 24,
                               }
                             }
-                            testID="account-picker"
                           >
+                            <Text
+                              style={
+                                {
+                                  "color": "#141618",
+                                  "fontFamily": "EuclidCircularB-Regular",
+                                  "fontSize": 14,
+                                  "fontWeight": "400",
+                                  "lineHeight": 20,
+                                }
+                              }
+                            >
+                              <Text>
+                                Please report this issue so we can fix it:
+                              </Text>
+                            </Text>
                             <View
                               style={
                                 {
-                                  "alignItems": "center",
-                                  "flex": 1,
-                                  "flexDirection": "row",
+                                  "marginBottom": 24,
+                                  "marginTop": 16,
+                                  "paddingLeft": 14,
                                 }
                               }
                             >
-                              <View
+                              <Text
                                 style={
                                   {
-                                    "backgroundColor": "#ffffff",
-                                    "borderRadius": 16,
-                                    "height": 32,
-                                    "marginRight": 16,
-                                    "overflow": "hidden",
-                                    "width": 32,
+                                    "color": "#141618",
+                                    "fontFamily": "EuclidCircularB-Regular",
+                                    "fontSize": 14,
+                                    "fontWeight": "400",
+                                    "lineHeight": 20,
                                   }
                                 }
                               >
-                                <View
+                                <Text
+                                  allowFontScaling={false}
                                   style={
                                     [
                                       {
-                                        "overflow": "hidden",
+                                        "color": undefined,
+                                        "fontSize": 20,
                                       },
+                                      undefined,
                                       {
-                                        "backgroundColor": "#C7144F",
-                                        "borderRadius": 16,
-                                        "height": 32,
-                                        "width": 32,
+                                        "fontFamily": "FontAwesome",
+                                        "fontStyle": "normal",
+                                        "fontWeight": "normal",
                                       },
-                                      undefined,
+                                      {},
                                     ]
                                   }
                                 >
-                                  <RNSVGSvgView
-                                    bbHeight={32}
-                                    bbWidth={32}
-                                    focusable={false}
-                                    height={32}
-                                    style={
-                                      [
-                                        {
-                                          "backgroundColor": "transparent",
-                                          "borderWidth": 0,
-                                        },
-                                        {
-                                          "flex": 0,
-                                          "height": 32,
-                                          "width": 32,
-                                        },
-                                      ]
-                                    }
-                                    width={32}
-                                  >
-                                    <RNSVGGroup
-                                      fill={
-                                        {
-                                          "payload": 4278190080,
-                                          "type": 0,
-                                        }
-                                      }
-                                    >
-                                      <RNSVGRect
-                                        fill={
-                                          {
-                                            "payload": 4294711651,
-                                            "type": 0,
-                                          }
-                                        }
-                                        height={32}
-                                        matrix={
-                                          [
-                                            0.46329603511986217,
-                                            0.8862035792312145,
-                                            -0.8862035792312145,
-                                            0.46329603511986217,
-                                            29.06767649409735,
-                                            -8.290603334655817,
-                                          ]
-                                        }
-                                        propList={
-                                          [
-                                            "fill",
-                                          ]
-                                        }
-                                        width={32}
-                                        x={0}
-                                        y={0}
-                                      />
-                                      <RNSVGRect
-                                        fill={
-                                          {
-                                            "payload": 4280576225,
-                                            "type": 0,
-                                          }
-                                        }
-                                        height={32}
-                                        matrix={
-                                          [
-                                            -0.5778576243835052,
-                                            0.8161375900801603,
-                                            -0.8161375900801603,
-                                            -0.5778576243835052,
-                                            51.62016714634118,
-                                            17.239003094412087,
-                                          ]
-                                        }
-                                        propList={
-                                          [
-                                            "fill",
-                                          ]
-                                        }
-                                        width={32}
-                                        x={0}
-                                        y={0}
-                                      />
-                                      <RNSVGRect
-                                        fill={
-                                          {
-                                            "payload": 4278407261,
-                                            "type": 0,
-                                          }
-                                        }
-                                        height={32}
-                                        matrix={
-                                          [
-                                            0.7046342099635947,
-                                            -0.7095707365365209,
-                                            0.7095707365365209,
-                                            0.7046342099635947,
-                                            -25.225718686778755,
-                                            -4.611026307883787,
-                                          ]
-                                        }
-                                        propList={
-                                          [
-                                            "fill",
-                                          ]
-                                        }
-                                        width={32}
-                                        x={0}
-                                        y={0}
-                                      />
-                                    </RNSVGGroup>
-                                  </RNSVGSvgView>
-                                </View>
-                              </View>
-                              <View
+                                  
+                                </Text>
+                                  
+                                Take a screenshot of this screen.
+                              </Text>
+                              <Text
                                 style={
-                                  {
-                                    "alignItems": "center",
-                                    "flexDirection": "row",
-                                    "justifyContent": "flex-start",
-                                  }
+                                  [
+                                    {
+                                      "marginTop": 14,
+                                    },
+                                    {
+                                      "color": "#141618",
+                                      "fontFamily": "EuclidCircularB-Regular",
+                                      "fontSize": 14,
+                                      "fontWeight": "400",
+                                      "lineHeight": 20,
+                                    },
+                                  ]
                                 }
                               >
                                 <Text
-                                  accessibilityRole="text"
+                                  allowFontScaling={false}
+                                  style={
+                                    [
+                                      {
+                                        "color": undefined,
+                                        "fontSize": 14,
+                                      },
+                                      undefined,
+                                      {
+                                        "fontFamily": "FontAwesome",
+                                        "fontStyle": "normal",
+                                        "fontWeight": "normal",
+                                      },
+                                      {},
+                                    ]
+                                  }
+                                >
+                                  
+                                </Text>
+                                  
+                                <Text
+                                  onPress={[Function]}
                                   style={
                                     {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Medium",
-                                      "fontSize": 14,
-                                      "fontWeight": "500",
-                                      "letterSpacing": 0,
-                                      "lineHeight": 22,
+                                      "color": "#0376c9",
                                     }
                                   }
-                                  testID="account-label"
                                 >
-                                  Account 1
+                                  Copy
                                 </Text>
-                              </View>
-                            </View>
-                            <SvgMock
-                              color="#141618"
-                              height={20}
-                              name="ArrowDown"
-                              style={
-                                {
-                                  "height": 20,
-                                  "marginLeft": 16,
-                                  "width": 20,
-                                }
-                              }
-                              width={20}
-                            />
-                          </TouchableOpacity>
-                          <View
-                            style={
-                              {
-                                "borderColor": "#bbc0c5",
-                                "borderTopWidth": 1,
-                                "marginHorizontal": 16,
-                              }
-                            }
-                          />
-                          <View
-                            style={
-                              {
-                                "alignItems": "center",
-                                "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c5",
-                                "borderRadius": 8,
-                                "borderWidth": 0,
-                                "flexDirection": "row",
-                                "justifyContent": "space-between",
-                                "padding": 16,
-                              }
-                            }
-                          >
-                            <View
-                              style={
-                                {
-                                  "alignItems": "center",
-                                  "flexDirection": "row",
-                                }
-                              }
-                            >
+                                 
+                                the error message to clipboard.
+                              </Text>
                               <Text
-                                accessibilityRole="text"
                                 style={
-                                  {
-                                    "color": "#141618",
-                                    "fontFamily": "EuclidCircularB-Bold",
-                                    "fontSize": 12,
-                                    "fontWeight": "700",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 20,
-                                  }
+                                  [
+                                    {
+                                      "marginTop": 14,
+                                    },
+                                    {
+                                      "color": "#141618",
+                                      "fontFamily": "EuclidCircularB-Regular",
+                                      "fontSize": 14,
+                                      "fontWeight": "400",
+                                      "lineHeight": 20,
+                                    },
+                                  ]
                                 }
                               >
-                                Address
-                                :
-                              </Text>
-                              <RNGestureHandlerButton
-                                collapsable={false}
-                                onGestureEvent={[Function]}
-                                onGestureHandlerEvent={[Function]}
-                                onGestureHandlerStateChange={[Function]}
-                                onHandlerStateChange={[Function]}
-                                rippleColor={0}
-                                testID="wallet-account-copy-button"
-                              >
-                                <View
-                                  accessible={true}
-                                  collapsable={false}
+                                <Text
+                                  allowFontScaling={false}
+                                  style={
+                                    [
+                                      {
+                                        "color": undefined,
+                                        "fontSize": 14,
+                                      },
+                                      undefined,
+                                      {
+                                        "fontFamily": "FontAwesome",
+                                        "fontStyle": "normal",
+                                        "fontWeight": "normal",
+                                      },
+                                      {},
+                                    ]
+                                  }
+                                >
+                                  
+                                </Text>
+                                  
+                                Submit a ticket
+                                 
+                                <Text
+                                  onPress={[Function]}
                                   style={
                                     {
-                                      "alignItems": "center",
-                                      "backgroundColor": "#0376c91a",
-                                      "borderRadius": 20,
-                                      "flexDirection": "row",
-                                      "marginLeft": 12,
-                                      "opacity": 1,
-                                      "padding": 4,
-                                      "paddingHorizontal": 12,
+                                      "color": "#0376c9",
                                     }
                                   }
                                 >
-                                  <Text
-                                    accessibilityRole="text"
-                                    style={
+                                  here.
+                                </Text>
+                                 
+                                Please include the error message and the screenshot.
+                              </Text>
+                              <Text
+                                style={
+                                  [
+                                    {
+                                      "marginTop": 14,
+                                    },
+                                    {
+                                      "color": "#141618",
+                                      "fontFamily": "EuclidCircularB-Regular",
+                                      "fontSize": 14,
+                                      "fontWeight": "400",
+                                      "lineHeight": 20,
+                                    },
+                                  ]
+                                }
+                              >
+                                <Text
+                                  allowFontScaling={false}
+                                  style={
+                                    [
                                       {
-                                        "color": "#0376c9",
-                                        "fontFamily": "EuclidCircularB-Medium",
-                                        "fontSize": 12,
-                                        "fontWeight": "500",
-                                        "letterSpacing": 0,
-                                        "lineHeight": 20,
-                                      }
-                                    }
-                                    testID="wallet-account-address"
-                                  >
-                                    0xC495...D272
-                                  </Text>
-                                  <SvgMock
-                                    color="#0376c9"
-                                    height={16}
-                                    name="Copy"
-                                    style={
+                                        "color": undefined,
+                                        "fontSize": 14,
+                                      },
+                                      undefined,
                                       {
-                                        "height": 16,
-                                        "marginLeft": 4,
-                                        "width": 16,
-                                      }
+                                        "fontFamily": "FontAwesome",
+                                        "fontStyle": "normal",
+                                        "fontWeight": "normal",
+                                      },
+                                      {},
+                                    ]
+                                  }
+                                >
+                                  
+                                </Text>
+                                  
+                                Send us a bug report
+                                 
+                                <Text
+                                  onPress={[Function]}
+                                  style={
+                                    {
+                                      "color": "#0376c9",
                                     }
-                                    width={16}
-                                  />
-                                </View>
-                              </RNGestureHandlerButton>
+                                  }
+                                >
+                                  here.
+                                </Text>
+                                 
+                                Please include details about what happened.
+                              </Text>
                             </View>
-                            <TouchableOpacity
-                              accessible={true}
-                              activeOpacity={1}
-                              disabled={false}
-                              onPress={[Function]}
-                              onPressIn={[Function]}
-                              onPressOut={[Function]}
+                            <Text
                               style={
                                 {
-                                  "alignItems": "center",
-                                  "borderRadius": 8,
-                                  "height": 24,
-                                  "justifyContent": "center",
-                                  "opacity": 1,
-                                  "width": 24,
+                                  "color": "#141618",
+                                  "fontFamily": "EuclidCircularB-Regular",
+                                  "fontSize": 14,
+                                  "fontWeight": "400",
+                                  "lineHeight": 20,
                                 }
                               }
-                              testID="main-wallet-account-actions"
                             >
-                              <SvgMock
-                                color="#141618"
-                                height={16}
-                                name="MoreHorizontal"
+                              If this error persists,
+                               
+                              <Text
+                                onPress={[Function]}
                                 style={
                                   {
-                                    "height": 16,
-                                    "width": 16,
+                                    "color": "#0376c9",
                                   }
                                 }
-                                width={16}
-                              />
-                            </TouchableOpacity>
+                              >
+                                save your Secret Recovery Phrase
+                              </Text>
+                               
+                              & re-install the app. Note: you can NOT restore your wallet without your Secret Recovery Phrase.
+                            </Text>
                           </View>
                         </View>
-                      </View>
-                    </View>
+                      </RCTScrollView>
+                    </RNCSafeAreaView>
                   </View>
                 </View>
               </View>
diff --git a/app/selectors/preferencesController.ts b/app/selectors/preferencesController.ts
index 3f46e968dfa..927cc142c94 100644
--- a/app/selectors/preferencesController.ts
+++ b/app/selectors/preferencesController.ts
@@ -47,6 +47,12 @@ export const selectTokenSortConfig = createSelector(
     preferencesControllerState.tokenSortConfig,
 );
 
+export const selectTokenNetworkFilter = createSelector(
+  selectPreferencesControllerState,
+  (preferencesControllerState: PreferencesState) =>
+    preferencesControllerState.tokenNetworkFilter,
+);
+
 // isMultiAccountBalancesEnabled is a patched property - ref patches/@metamask+preferences-controller+2.1.0.patch
 export const selectIsMultiAccountBalancesEnabled = createSelector(
   selectPreferencesControllerState,
diff --git a/patches/@metamask+preferences-controller+11.0.0.patch b/patches/@metamask+preferences-controller+11.0.0.patch
index 16c14a2b5e9..a99e425ff6a 100644
--- a/patches/@metamask+preferences-controller+11.0.0.patch
+++ b/patches/@metamask+preferences-controller+11.0.0.patch
@@ -1,8 +1,8 @@
 diff --git a/node_modules/@metamask/preferences-controller/dist/chunk-FSWGV6H6.js b/node_modules/@metamask/preferences-controller/dist/chunk-FSWGV6H6.js
-index 30e985c..ec9db71 100644
+index 30e985c..0619cd4 100644
 --- a/node_modules/@metamask/preferences-controller/dist/chunk-FSWGV6H6.js
 +++ b/node_modules/@metamask/preferences-controller/dist/chunk-FSWGV6H6.js
-@@ -17,13 +17,18 @@ var metadata = {
+@@ -17,13 +17,19 @@ var metadata = {
    isIpfsGatewayEnabled: { persist: true, anonymous: true },
    isMultiAccountBalancesEnabled: { persist: true, anonymous: true },
    lostIdentities: { persist: true, anonymous: false },
@@ -19,11 +19,12 @@ index 30e985c..ec9db71 100644
 +  smartTransactionsOptInStatus: { persist: true, anonymous: true },
 +  useTransactionSimulations: { persist: true, anonymous: true },
 +  showMultiRpcModal: { persist: false, anonymous: false },
-+  tokenSortConfig: { persist: true, anonymous: false }
++  tokenSortConfig: { persist: true, anonymous: false },
++  tokenNetworkFilter: { persist: true, anonymous: false },
  };
  var name = "PreferencesController";
  function getDefaultPreferencesState() {
-@@ -37,7 +42,7 @@ function getDefaultPreferencesState() {
+@@ -37,7 +43,7 @@ function getDefaultPreferencesState() {
      isIpfsGatewayEnabled: true,
      isMultiAccountBalancesEnabled: true,
      lostIdentities: {},
@@ -32,7 +33,7 @@ index 30e985c..ec9db71 100644
      securityAlertsEnabled: false,
      selectedAddress: "",
      showIncomingTransactions: {
-@@ -64,7 +69,16 @@ function getDefaultPreferencesState() {
+@@ -64,7 +70,17 @@ function getDefaultPreferencesState() {
      },
      showTestNetworks: false,
      useNftDetection: false,
@@ -46,11 +47,12 @@ index 30e985c..ec9db71 100644
 +      key: "tokenFiatBalance",
 +      order: 'dsc',
 +      sortCallback: 'stringNumeric',
-+    }
++    },
++    tokenNetworkFilter: {},
    };
  }
  var _syncIdentities, syncIdentities_fn;
-@@ -213,9 +227,9 @@ var PreferencesController = class extends _basecontroller.BaseController {
+@@ -213,9 +229,9 @@ var PreferencesController = class extends _basecontroller.BaseController {
     * @param useNftDetection - Boolean indicating user preference on NFT detection.
     */
    setUseNftDetection(useNftDetection) {
@@ -62,7 +64,7 @@ index 30e985c..ec9db71 100644
        );
      }
      this.update((state) => {
-@@ -223,18 +237,33 @@ var PreferencesController = class extends _basecontroller.BaseController {
+@@ -223,18 +239,33 @@ var PreferencesController = class extends _basecontroller.BaseController {
      });
    }
    /**
@@ -101,7 +103,7 @@ index 30e985c..ec9db71 100644
    /**
     * Toggle the security alert enabled setting.
     *
-@@ -245,6 +274,43 @@ var PreferencesController = class extends _basecontroller.BaseController {
+@@ -245,6 +276,43 @@ var PreferencesController = class extends _basecontroller.BaseController {
        state.securityAlertsEnabled = securityAlertsEnabled;
      });
    }
@@ -145,7 +147,7 @@ index 30e985c..ec9db71 100644
    /**
     * A setter for the user preferences to enable/disable rpc methods.
     *
-@@ -307,6 +373,16 @@ var PreferencesController = class extends _basecontroller.BaseController {
+@@ -307,6 +375,26 @@ var PreferencesController = class extends _basecontroller.BaseController {
        });
      }
    }
@@ -159,11 +161,21 @@ index 30e985c..ec9db71 100644
 +      state.tokenSortConfig = tokenSortConfig;
 +    });
 +  }
++  /**
++   * Set the token network filter configuration setting.
++   *
++   * @param tokenNetworkFilter - Object describing token network filter configuration.
++   */
++    setTokenNetworkFilter(tokenNetworkFilter) {
++      this.update((state) => {
++        state.tokenNetworkFilter = tokenNetworkFilter;
++      });
++    }
  };
  _syncIdentities = new WeakSet();
  syncIdentities_fn = function(addresses) {
 diff --git a/node_modules/@metamask/preferences-controller/dist/types/PreferencesController.d.ts b/node_modules/@metamask/preferences-controller/dist/types/PreferencesController.d.ts
-index 7e3ba15..552580d 100644
+index 7e3ba15..a4be46d 100644
 --- a/node_modules/@metamask/preferences-controller/dist/types/PreferencesController.d.ts
 +++ b/node_modules/@metamask/preferences-controller/dist/types/PreferencesController.d.ts
 @@ -69,9 +69,10 @@ export type PreferencesState = {
@@ -179,7 +191,7 @@ index 7e3ba15..552580d 100644
      /**
       * Controls whether "security alerts" are enabled
       */
-@@ -98,6 +99,22 @@ export type PreferencesState = {
+@@ -98,6 +99,26 @@ export type PreferencesState = {
       * Controls whether token detection is enabled
       */
      useTokenDetection: boolean;
@@ -199,10 +211,14 @@ index 7e3ba15..552580d 100644
 +     * Controls whether Multi rpc modal is displayed or not
 +     */
 +    tokenSortConfig: Record<string, string>;
++    /**
++     * Controls the token network filter
++     */
++    tokenNetworkFilter: Record<string, boolean>
  };
  declare const name = "PreferencesController";
  export type PreferencesControllerGetStateAction = ControllerGetStateAction<typeof name, PreferencesState>;
-@@ -121,7 +138,7 @@ export declare function getDefaultPreferencesState(): {
+@@ -121,7 +142,7 @@ export declare function getDefaultPreferencesState(): {
      isIpfsGatewayEnabled: boolean;
      isMultiAccountBalancesEnabled: boolean;
      lostIdentities: {};
@@ -211,7 +227,7 @@ index 7e3ba15..552580d 100644
      securityAlertsEnabled: boolean;
      selectedAddress: string;
      showIncomingTransactions: {
-@@ -149,6 +166,10 @@ export declare function getDefaultPreferencesState(): {
+@@ -149,6 +170,11 @@ export declare function getDefaultPreferencesState(): {
      showTestNetworks: boolean;
      useNftDetection: boolean;
      useTokenDetection: boolean;
@@ -219,10 +235,11 @@ index 7e3ba15..552580d 100644
 +    useTransactionSimulations: boolean;
 +    showMultiRpcModal: boolean;
 +    tokenSortConfig: Record<string, string>
++    tokenNetworkFilter: Record<string, boolean>
  };
  /**
   * Controller that stores shared settings and exposes convenience methods
-@@ -217,11 +238,16 @@ export declare class PreferencesController extends BaseController<typeof name, P
+@@ -217,11 +243,16 @@ export declare class PreferencesController extends BaseController<typeof name, P
       */
      setUseNftDetection(useNftDetection: boolean): void;
      /**
@@ -242,7 +259,7 @@ index 7e3ba15..552580d 100644
      /**
       * Toggle the security alert enabled setting.
       *
-@@ -260,6 +286,30 @@ export declare class PreferencesController extends BaseController<typeof name, P
+@@ -260,6 +291,36 @@ export declare class PreferencesController extends BaseController<typeof name, P
       * @param isIncomingTransactionNetworkEnable - true to enable incoming transactions
       */
      setEnableNetworkIncomingTransactions(chainId: EtherscanSupportedHexChainId, isIncomingTransactionNetworkEnable: boolean): void;
@@ -270,6 +287,12 @@ index 7e3ba15..552580d 100644
 +     * @param tokenSortConfig - Object describing token sort configuration.
 +     */
 +    setTokenSortConfig(tokenSortConfig: Record<string, string>): void
++    /**
++     * Set the token network filter
++     *
++     * @param tokenNetworkFilter - Object describing token network filter configuration.
++     */
++    setTokenNetworkFilter(tokenNetworkFilter: Record<string, boolean>): void
  }
  export default PreferencesController;
  //# sourceMappingURL=PreferencesController.d.ts.map