diff --git a/app/components/UI/Bridge/components/BlockaidModal/BlockaidModal.tsx b/app/components/UI/Bridge/components/BlockaidModal/BlockaidModal.tsx
index 19a6dd37b48d..e7edad0aaca1 100644
--- a/app/components/UI/Bridge/components/BlockaidModal/BlockaidModal.tsx
+++ b/app/components/UI/Bridge/components/BlockaidModal/BlockaidModal.tsx
@@ -59,9 +59,7 @@ const BlockaidModal = () => {
   return (
     <BottomSheet ref={sheetRef}>
       <BottomSheetHeader onClose={handleClose}>
-        <Text variant={TextVariant.HeadingMD}>
-          {strings(`blockaid_modal.${errorType}_title`)}
-        </Text>
+        {strings(`blockaid_modal.${errorType}_title`)}
       </BottomSheetHeader>
       <View style={styles.container}>
         <Text variant={TextVariant.BodyMD} style={styles.errorMessage}>
diff --git a/app/components/UI/Bridge/components/BridgeDestNetworkSelector/__snapshots__/BridgeDestNetworkSelector.test.tsx.snap b/app/components/UI/Bridge/components/BridgeDestNetworkSelector/__snapshots__/BridgeDestNetworkSelector.test.tsx.snap
index 4f2f44449b75..9bc3c9733ab4 100644
--- a/app/components/UI/Bridge/components/BridgeDestNetworkSelector/__snapshots__/BridgeDestNetworkSelector.test.tsx.snap
+++ b/app/components/UI/Bridge/components/BridgeDestNetworkSelector/__snapshots__/BridgeDestNetworkSelector.test.tsx.snap
@@ -468,14 +468,14 @@ exports[`BridgeDestNetworkSelector renders with initial state and displays netwo
                                 style={
                                   {
                                     "color": "#121314",
-                                    "flex": 1,
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
                                     "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select network
                               </Text>
diff --git a/app/components/UI/Bridge/components/BridgeDestTokenSelector/__snapshots__/BridgeDestTokenSelector.test.tsx.snap b/app/components/UI/Bridge/components/BridgeDestTokenSelector/__snapshots__/BridgeDestTokenSelector.test.tsx.snap
index 344eb0520656..87049dd299ca 100644
--- a/app/components/UI/Bridge/components/BridgeDestTokenSelector/__snapshots__/BridgeDestTokenSelector.test.tsx.snap
+++ b/app/components/UI/Bridge/components/BridgeDestTokenSelector/__snapshots__/BridgeDestTokenSelector.test.tsx.snap
@@ -469,11 +469,13 @@ exports[`BridgeDestTokenSelector renders with initial state and displays tokens
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select token
                               </Text>
diff --git a/app/components/UI/Bridge/components/BridgeNetworkSelectorBase.tsx b/app/components/UI/Bridge/components/BridgeNetworkSelectorBase.tsx
index 04a4c02240ee..14ccb5e78fe1 100644
--- a/app/components/UI/Bridge/components/BridgeNetworkSelectorBase.tsx
+++ b/app/components/UI/Bridge/components/BridgeNetworkSelectorBase.tsx
@@ -1,21 +1,12 @@
 import React from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
-import Text, {
-  TextVariant,
-} from '../../../../component-library/components/Texts/Text';
+import { ScrollView } from 'react-native';
+
 import BottomSheetHeader from '../../../../component-library/components/BottomSheets/BottomSheetHeader';
 import BottomSheet from '../../../../component-library/components/BottomSheets/BottomSheet';
 import { strings } from '../../../../../locales/i18n';
 import { ButtonIconSizes } from '../../../../component-library/components/Buttons/ButtonIcon';
 import { useNavigation } from '@react-navigation/native';
 
-const styles = StyleSheet.create({
-  headerTitle: {
-    flex: 1,
-    textAlign: 'center',
-  },
-});
-
 interface BridgeNetworkSelectorBaseProps {
   children: React.ReactNode;
 }
@@ -34,9 +25,7 @@ export const BridgeNetworkSelectorBase: React.FC<
           size: ButtonIconSizes.Lg,
         }}
       >
-        <Text variant={TextVariant.HeadingMD} style={styles.headerTitle}>
-          {strings('bridge.select_network')}
-        </Text>
+        {strings('bridge.select_network')}
       </BottomSheetHeader>
 
       <ScrollView>{children}</ScrollView>
diff --git a/app/components/UI/Bridge/components/BridgeSourceNetworkSelector/__snapshots__/BridgeSourceNetworkSelector.test.tsx.snap b/app/components/UI/Bridge/components/BridgeSourceNetworkSelector/__snapshots__/BridgeSourceNetworkSelector.test.tsx.snap
index 9b92cc927587..a4d17f14bfa8 100644
--- a/app/components/UI/Bridge/components/BridgeSourceNetworkSelector/__snapshots__/BridgeSourceNetworkSelector.test.tsx.snap
+++ b/app/components/UI/Bridge/components/BridgeSourceNetworkSelector/__snapshots__/BridgeSourceNetworkSelector.test.tsx.snap
@@ -468,14 +468,14 @@ exports[`BridgeSourceNetworkSelector renders with initial state and displays net
                                 style={
                                   {
                                     "color": "#121314",
-                                    "flex": 1,
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
                                     "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select network
                               </Text>
diff --git a/app/components/UI/Bridge/components/BridgeSourceTokenSelector/__snapshots__/BridgeSourceTokenSelector.test.tsx.snap b/app/components/UI/Bridge/components/BridgeSourceTokenSelector/__snapshots__/BridgeSourceTokenSelector.test.tsx.snap
index 25c8d1ca99e4..8dd50f39e6ae 100644
--- a/app/components/UI/Bridge/components/BridgeSourceTokenSelector/__snapshots__/BridgeSourceTokenSelector.test.tsx.snap
+++ b/app/components/UI/Bridge/components/BridgeSourceTokenSelector/__snapshots__/BridgeSourceTokenSelector.test.tsx.snap
@@ -469,11 +469,13 @@ exports[`BridgeSourceTokenSelector renders with initial state and displays token
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select token
                               </Text>
diff --git a/app/components/UI/Bridge/components/BridgeTokenSelectorBase.tsx b/app/components/UI/Bridge/components/BridgeTokenSelectorBase.tsx
index 29b604cd743a..a7b371c2643b 100644
--- a/app/components/UI/Bridge/components/BridgeTokenSelectorBase.tsx
+++ b/app/components/UI/Bridge/components/BridgeTokenSelectorBase.tsx
@@ -2,7 +2,6 @@ import React, { useCallback, useMemo, useRef } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Box } from '../../Box/Box';
 import Text, {
-  TextVariant,
   TextColor,
 } from '../../../../component-library/components/Texts/Text';
 import { useStyles } from '../../../../component-library/hooks';
@@ -227,9 +226,7 @@ export const BridgeTokenSelectorBase: React.FC<
           size: ButtonIconSizes.Lg,
         }}
       >
-        <Text variant={TextVariant.HeadingMD}>
-          {title ?? strings('bridge.select_token')}
-        </Text>
+        {title ?? strings('bridge.select_token')}
       </BottomSheetHeader>
 
       <Box style={styles.buttonContainer} gap={20}>
diff --git a/app/components/UI/Bridge/components/QuoteExpiredModal/QuoteExpiredModal.tsx b/app/components/UI/Bridge/components/QuoteExpiredModal/QuoteExpiredModal.tsx
index 194b177bff88..270c50d93d18 100644
--- a/app/components/UI/Bridge/components/QuoteExpiredModal/QuoteExpiredModal.tsx
+++ b/app/components/UI/Bridge/components/QuoteExpiredModal/QuoteExpiredModal.tsx
@@ -72,9 +72,7 @@ const QuoteExpiredModal = () => {
   return (
     <BottomSheet ref={sheetRef}>
       <BottomSheetHeader onClose={handleClose}>
-        <Text variant={TextVariant.HeadingMD}>
-          {strings('quote_expired_modal.title')}
-        </Text>
+        {strings('quote_expired_modal.title')}
       </BottomSheetHeader>
       <View style={styles.container}>
         <Text variant={TextVariant.BodyMD}>
diff --git a/app/components/UI/Bridge/components/QuoteExpiredModal/__snapshots__/QuoteExpiredModal.test.tsx.snap b/app/components/UI/Bridge/components/QuoteExpiredModal/__snapshots__/QuoteExpiredModal.test.tsx.snap
index ddd328121de1..33554a893824 100644
--- a/app/components/UI/Bridge/components/QuoteExpiredModal/__snapshots__/QuoteExpiredModal.test.tsx.snap
+++ b/app/components/UI/Bridge/components/QuoteExpiredModal/__snapshots__/QuoteExpiredModal.test.tsx.snap
@@ -168,11 +168,13 @@ exports[`QuoteExpiredModal renders correctly 1`] = `
                 {
                   "color": "#121314",
                   "fontFamily": "Geist Bold",
-                  "fontSize": 18,
+                  "fontSize": 16,
                   "letterSpacing": 0,
                   "lineHeight": 24,
+                  "textAlign": "center",
                 }
               }
+              testID="header-title"
             >
               New quotes are available
             </Text>
diff --git a/app/components/UI/Bridge/components/SlippageModal/__snapshots__/SlippageModal.test.tsx.snap b/app/components/UI/Bridge/components/SlippageModal/__snapshots__/SlippageModal.test.tsx.snap
index 272e01a47d02..4b951f633941 100644
--- a/app/components/UI/Bridge/components/SlippageModal/__snapshots__/SlippageModal.test.tsx.snap
+++ b/app/components/UI/Bridge/components/SlippageModal/__snapshots__/SlippageModal.test.tsx.snap
@@ -168,11 +168,13 @@ exports[`SlippageModal renders all UI elements with the proper slippage options
                 {
                   "color": "#121314",
                   "fontFamily": "Geist Bold",
-                  "fontSize": 18,
+                  "fontSize": 16,
                   "letterSpacing": 0,
                   "lineHeight": 24,
+                  "textAlign": "center",
                 }
               }
+              testID="header-title"
             >
               Slippage
             </Text>
diff --git a/app/components/UI/Bridge/components/SlippageModal/index.tsx b/app/components/UI/Bridge/components/SlippageModal/index.tsx
index 56ac28252b8f..15c7a9a300e1 100644
--- a/app/components/UI/Bridge/components/SlippageModal/index.tsx
+++ b/app/components/UI/Bridge/components/SlippageModal/index.tsx
@@ -3,9 +3,7 @@ import { View } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { useTheme } from '../../../../../util/theme';
 import { strings } from '../../../../../../locales/i18n';
-import Text, {
-  TextVariant,
-} from '../../../../../component-library/components/Texts/Text';
+import Text from '../../../../../component-library/components/Texts/Text';
 import BottomSheet, {
   BottomSheetRef,
 } from '../../../../../component-library/components/BottomSheets/BottomSheet';
@@ -65,9 +63,7 @@ export const SlippageModal = () => {
   return (
     <BottomSheet ref={sheetRef}>
       <BottomSheetHeader onClose={handleClose}>
-        <Text variant={TextVariant.HeadingMD}>
-          {strings('bridge.slippage')}
-        </Text>
+        {strings('bridge.slippage')}
       </BottomSheetHeader>
       <View style={styles.container}>
         <Text style={styles.description}>
diff --git a/app/components/UI/Bridge/components/TransactionDetails/BlockExplorersModal.tsx b/app/components/UI/Bridge/components/TransactionDetails/BlockExplorersModal.tsx
index 4e65c6cdb4d9..d66460b5e14b 100644
--- a/app/components/UI/Bridge/components/TransactionDetails/BlockExplorersModal.tsx
+++ b/app/components/UI/Bridge/components/TransactionDetails/BlockExplorersModal.tsx
@@ -75,9 +75,7 @@ const BlockExplorersModal = (props: BlockExplorersModalProps) => {
   return (
     <BottomSheet>
       <BottomSheetHeader>
-        <Text variant={TextVariant.HeadingMD}>
-          {strings('bridge_transaction_details.view_on_block_explorer')}
-        </Text>
+        {strings('bridge_transaction_details.view_on_block_explorer')}
       </BottomSheetHeader>
       <Box
         style={styles.container}
diff --git a/app/components/UI/NetworkManager/index.test.tsx b/app/components/UI/NetworkManager/index.test.tsx
index 1ec03b51fcac..1e004fce25b2 100644
--- a/app/components/UI/NetworkManager/index.test.tsx
+++ b/app/components/UI/NetworkManager/index.test.tsx
@@ -467,16 +467,6 @@ jest.mock('../../Views/AccountAction', () => {
   );
 });
 
-jest.mock(
-  '../../../component-library/components/BottomSheets/BottomSheetHeader/BottomSheetHeader',
-  () => {
-    const { View: RNView } = jest.requireActual('react-native');
-    return ({ children }: { children: React.ReactNode }) => (
-      <RNView testID="bottom-sheet-header">{children}</RNView>
-    );
-  },
-);
-
 jest.mock(
   '../../../component-library/components/BottomSheets/BottomSheetFooter/BottomSheetFooter',
   () => {
@@ -536,6 +526,16 @@ jest.mock('../../../component-library/components/Icons/Icon', () => ({
   IconName: {
     Edit: 'edit',
     Trash: 'trash',
+    ArrowLeft: 'arrow-left',
+    Close: 'close',
+  },
+  IconSize: {
+    Sm: 'sm',
+    Md: 'md',
+    Lg: 'lg',
+  },
+  IconColor: {
+    Default: 'default',
   },
 }));
 
@@ -816,7 +816,7 @@ describe('NetworkManager Component', () => {
 
       expect(mockOnCloseBottomSheet).toHaveBeenCalled();
       await waitFor(() => {
-        expect(getByTestId('bottom-sheet-header')).toBeOnTheScreen();
+        expect(getByTestId('header')).toBeOnTheScreen();
         expect(getByTestId('bottom-sheet-footer')).toBeOnTheScreen();
       });
     });
@@ -833,7 +833,7 @@ describe('NetworkManager Component', () => {
       });
 
       await waitFor(() => {
-        expect(getByTestId('bottom-sheet-header')).toBeOnTheScreen();
+        expect(getByTestId('header')).toBeOnTheScreen();
         // The network name appears as part of a larger text string, use partial match
         expect(getByText(/Ethereum Mainnet/)).toBeOnTheScreen();
         expect(getByText(/app_settings\.network_delete/)).toBeOnTheScreen();
diff --git a/app/components/UI/NetworkManager/index.tsx b/app/components/UI/NetworkManager/index.tsx
index ea7f7a80efbd..a2bc9f345bb2 100644
--- a/app/components/UI/NetworkManager/index.tsx
+++ b/app/components/UI/NetworkManager/index.tsx
@@ -422,11 +422,7 @@ const NetworkManager = () => {
             shouldNavigateBack={false}
           >
             <BottomSheetHeader>
-              <Text variant={TextVariant.HeadingMD}>
-                {strings('app_settings.delete')}{' '}
-                {showConfirmDeleteModal.networkName}{' '}
-                {strings('asset_details.network')}
-              </Text>
+              {`${strings('app_settings.delete')} ${showConfirmDeleteModal.networkName} ${strings('asset_details.network')}`}
             </BottomSheetHeader>
             <View style={styles.containerDeleteText}>
               <Text style={styles.textCentred}>
diff --git a/app/components/UI/Ramp/Deposit/Views/Modals/PaymentMethodSelectorModal/PaymentMethodSelectorModal.tsx b/app/components/UI/Ramp/Deposit/Views/Modals/PaymentMethodSelectorModal/PaymentMethodSelectorModal.tsx
index 0e89d1167391..c1087e69a32c 100644
--- a/app/components/UI/Ramp/Deposit/Views/Modals/PaymentMethodSelectorModal/PaymentMethodSelectorModal.tsx
+++ b/app/components/UI/Ramp/Deposit/Views/Modals/PaymentMethodSelectorModal/PaymentMethodSelectorModal.tsx
@@ -123,9 +123,7 @@ function PaymentMethodSelectorModal() {
   return (
     <BottomSheet ref={sheetRef} shouldNavigateBack>
       <BottomSheetHeader onClose={() => sheetRef.current?.onCloseBottomSheet()}>
-        <Text variant={TextVariant.HeadingMD}>
-          {strings('deposit.payment_modal.select_a_payment_method')}
-        </Text>
+        {strings('deposit.payment_modal.select_a_payment_method')}
       </BottomSheetHeader>
 
       <FlatList
diff --git a/app/components/UI/Ramp/Deposit/Views/Modals/PaymentMethodSelectorModal/__snapshots__/PaymentMethodSelectorModal.test.tsx.snap b/app/components/UI/Ramp/Deposit/Views/Modals/PaymentMethodSelectorModal/__snapshots__/PaymentMethodSelectorModal.test.tsx.snap
index 79d8dc929a2d..32bce521f9ef 100644
--- a/app/components/UI/Ramp/Deposit/Views/Modals/PaymentMethodSelectorModal/__snapshots__/PaymentMethodSelectorModal.test.tsx.snap
+++ b/app/components/UI/Ramp/Deposit/Views/Modals/PaymentMethodSelectorModal/__snapshots__/PaymentMethodSelectorModal.test.tsx.snap
@@ -468,11 +468,13 @@ exports[`PaymentMethodSelectorModal Component renders correctly and matches snap
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select a Payment Method
                               </Text>
diff --git a/app/components/UI/Ramp/Deposit/Views/Modals/RegionSelectorModal/RegionSelectorModal.tsx b/app/components/UI/Ramp/Deposit/Views/Modals/RegionSelectorModal/RegionSelectorModal.tsx
index cf534533b6fd..e934d4221365 100644
--- a/app/components/UI/Ramp/Deposit/Views/Modals/RegionSelectorModal/RegionSelectorModal.tsx
+++ b/app/components/UI/Ramp/Deposit/Views/Modals/RegionSelectorModal/RegionSelectorModal.tsx
@@ -227,9 +227,7 @@ function RegionSelectorModal() {
   return (
     <BottomSheet ref={sheetRef} shouldNavigateBack>
       <BottomSheetHeader onClose={() => sheetRef.current?.onCloseBottomSheet()}>
-        <Text variant={TextVariant.HeadingMD}>
-          {strings('deposit.region_modal.select_a_region')}
-        </Text>
+        {strings('deposit.region_modal.select_a_region')}
       </BottomSheetHeader>
       <View style={styles.searchContainer}>
         <TextFieldSearch
diff --git a/app/components/UI/Ramp/Deposit/Views/Modals/RegionSelectorModal/__snapshots__/RegionSelectorModal.test.tsx.snap b/app/components/UI/Ramp/Deposit/Views/Modals/RegionSelectorModal/__snapshots__/RegionSelectorModal.test.tsx.snap
index 6aaf44c17548..317243542653 100644
--- a/app/components/UI/Ramp/Deposit/Views/Modals/RegionSelectorModal/__snapshots__/RegionSelectorModal.test.tsx.snap
+++ b/app/components/UI/Ramp/Deposit/Views/Modals/RegionSelectorModal/__snapshots__/RegionSelectorModal.test.tsx.snap
@@ -468,11 +468,13 @@ exports[`RegionSelectorModal Component handles empty regions array from navigati
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select a region
                               </Text>
@@ -1175,11 +1177,13 @@ exports[`RegionSelectorModal Component receives and uses regions from navigation
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select a region
                               </Text>
@@ -2078,11 +2082,13 @@ exports[`RegionSelectorModal Component render matches snapshot 1`] = `
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select a region
                               </Text>
@@ -3225,11 +3231,13 @@ exports[`RegionSelectorModal Component render matches snapshot when search has n
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select a region
                               </Text>
@@ -3973,11 +3981,13 @@ exports[`RegionSelectorModal Component render matches snapshot when searching fo
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select a region
                               </Text>
@@ -4809,11 +4819,13 @@ exports[`RegionSelectorModal Component render matches snapshot with allRegionsSe
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select a region
                               </Text>
@@ -5956,11 +5968,13 @@ exports[`RegionSelectorModal Component render matches snapshot with custom selec
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select a region
                               </Text>
@@ -7103,11 +7117,13 @@ exports[`RegionSelectorModal Component sorts recommended regions to the top when
                                   {
                                     "color": "#121314",
                                     "fontFamily": "Geist Bold",
-                                    "fontSize": 18,
+                                    "fontSize": 16,
                                     "letterSpacing": 0,
                                     "lineHeight": 24,
+                                    "textAlign": "center",
                                   }
                                 }
+                                testID="header-title"
                               >
                                 Select a region
                               </Text>
diff --git a/app/components/Views/AccountPermissions/AccountPermissionsConfirmRevokeAll/AccountPermissionsConfirmRevokeAll.tsx b/app/components/Views/AccountPermissions/AccountPermissionsConfirmRevokeAll/AccountPermissionsConfirmRevokeAll.tsx
index dfcb7b4270e1..8692d4b8e9ff 100644
--- a/app/components/Views/AccountPermissions/AccountPermissionsConfirmRevokeAll/AccountPermissionsConfirmRevokeAll.tsx
+++ b/app/components/Views/AccountPermissions/AccountPermissionsConfirmRevokeAll/AccountPermissionsConfirmRevokeAll.tsx
@@ -72,9 +72,7 @@ const AccountPermissionsConfirmRevokeAll = (
     <BottomSheet ref={sheetRef}>
       <View style={styles.container}>
         <BottomSheetHeader>
-          <Text variant={TextVariant.HeadingMD}>
-            {strings('accounts.disconnect_all')}
-          </Text>
+          {strings('accounts.disconnect_all')}
         </BottomSheetHeader>
         <View style={styles.descriptionContainer}>
           <Text variant={TextVariant.BodyMD}>
diff --git a/app/components/Views/AccountPermissions/AccountPermissionsConfirmRevokeAll/__snapshots__/AccountPermissionsConfirmRevokeAll.test.tsx.snap b/app/components/Views/AccountPermissions/AccountPermissionsConfirmRevokeAll/__snapshots__/AccountPermissionsConfirmRevokeAll.test.tsx.snap
index c26f73fcd898..29833a7d5c82 100644
--- a/app/components/Views/AccountPermissions/AccountPermissionsConfirmRevokeAll/__snapshots__/AccountPermissionsConfirmRevokeAll.test.tsx.snap
+++ b/app/components/Views/AccountPermissions/AccountPermissionsConfirmRevokeAll/__snapshots__/AccountPermissionsConfirmRevokeAll.test.tsx.snap
@@ -154,11 +154,13 @@ exports[`AccountPermissionsConfirmRevokeAll renders correctly 1`] = `
                 {
                   "color": "#121314",
                   "fontFamily": "Geist Bold",
-                  "fontSize": 18,
+                  "fontSize": 16,
                   "letterSpacing": 0,
                   "lineHeight": 24,
+                  "textAlign": "center",
                 }
               }
+              testID="header-title"
             >
               Disconnect all
             </Text>
diff --git a/app/components/Views/AccountPermissions/ConnectionDetails/ConnectionDetails.tsx b/app/components/Views/AccountPermissions/ConnectionDetails/ConnectionDetails.tsx
index 3521a375e7f7..43121aed83d0 100644
--- a/app/components/Views/AccountPermissions/ConnectionDetails/ConnectionDetails.tsx
+++ b/app/components/Views/AccountPermissions/ConnectionDetails/ConnectionDetails.tsx
@@ -48,9 +48,7 @@ const ConnectionDetails = (props: ConnectionDetailsProps) => {
     <BottomSheet ref={sheetRef}>
       <View style={styles.container}>
         <BottomSheetHeader>
-          <Text variant={TextVariant.HeadingMD}>
-            {strings('permissions.connection_details_title')}
-          </Text>
+          {strings('permissions.connection_details_title')}
         </BottomSheetHeader>
         <View style={styles.descriptionContainer}>
           <Text variant={TextVariant.BodyMD}>
diff --git a/app/components/Views/AccountPermissions/ConnectionDetails/__snapshots__/ConnectionDetails.test.tsx.snap b/app/components/Views/AccountPermissions/ConnectionDetails/__snapshots__/ConnectionDetails.test.tsx.snap
index 16aeecc68f62..5bcc9f877e59 100644
--- a/app/components/Views/AccountPermissions/ConnectionDetails/__snapshots__/ConnectionDetails.test.tsx.snap
+++ b/app/components/Views/AccountPermissions/ConnectionDetails/__snapshots__/ConnectionDetails.test.tsx.snap
@@ -37,11 +37,13 @@ exports[`ConnectionDetails renders correctly 1`] = `
           {
             "color": "#121314",
             "fontFamily": "Geist Bold",
-            "fontSize": 18,
+            "fontSize": 16,
             "letterSpacing": 0,
             "lineHeight": 24,
+            "textAlign": "center",
           }
         }
+        testID="header-title"
       >
         Connection Details
       </Text>
diff --git a/app/components/Views/AccountPermissions/PermittedNetworksInfoSheet/PermittedNetworksInfoSheet.tsx b/app/components/Views/AccountPermissions/PermittedNetworksInfoSheet/PermittedNetworksInfoSheet.tsx
index 2bc9e9857d97..9efc49205d4c 100644
--- a/app/components/Views/AccountPermissions/PermittedNetworksInfoSheet/PermittedNetworksInfoSheet.tsx
+++ b/app/components/Views/AccountPermissions/PermittedNetworksInfoSheet/PermittedNetworksInfoSheet.tsx
@@ -35,9 +35,7 @@ const PermittedNetworksInfoSheet = () => {
         testID={PermittedNetworksInfoSheetTestIds.CONTAINER}
       >
         <BottomSheetHeader>
-          <Text variant={TextVariant.HeadingMD}>
-            {strings('permissions.permitted_networks')}
-          </Text>
+          {strings('permissions.permitted_networks')}
         </BottomSheetHeader>
         <View
           style={styles.descriptionContainer}
diff --git a/app/components/Views/AccountPermissions/PermittedNetworksInfoSheet/__snapshots__/PermittedNetworksInfoSheet.test.tsx.snap b/app/components/Views/AccountPermissions/PermittedNetworksInfoSheet/__snapshots__/PermittedNetworksInfoSheet.test.tsx.snap
index b8518dde3c6a..e2da4804d2eb 100644
--- a/app/components/Views/AccountPermissions/PermittedNetworksInfoSheet/__snapshots__/PermittedNetworksInfoSheet.test.tsx.snap
+++ b/app/components/Views/AccountPermissions/PermittedNetworksInfoSheet/__snapshots__/PermittedNetworksInfoSheet.test.tsx.snap
@@ -38,11 +38,13 @@ exports[`PermittedNetworksInfoSheet should render correctly 1`] = `
           {
             "color": "#121314",
             "fontFamily": "Geist Bold",
-            "fontSize": 18,
+            "fontSize": 16,
             "letterSpacing": 0,
             "lineHeight": 24,
+            "textAlign": "center",
           }
         }
+        testID="header-title"
       >
         Permitted networks
       </Text>
diff --git a/app/components/Views/AddAsset/components/NetworkListBottomSheet.tsx b/app/components/Views/AddAsset/components/NetworkListBottomSheet.tsx
index 95c7d7de48e7..154e5e1853b9 100644
--- a/app/components/Views/AddAsset/components/NetworkListBottomSheet.tsx
+++ b/app/components/Views/AddAsset/components/NetworkListBottomSheet.tsx
@@ -1,7 +1,5 @@
 import React, { useMemo } from 'react';
 import { ScrollView, View } from 'react-native';
-import Text from '../../../../component-library/components/Texts/Text/Text';
-import { TextVariant } from '../../../../component-library/components/Texts/Text';
 import BottomSheet, {
   BottomSheetRef,
 } from '../../../../component-library/components/BottomSheets/BottomSheet';
@@ -79,9 +77,7 @@ export default function NetworkListBottomSheet({
           });
         }}
       >
-        <Text variant={TextVariant.HeadingMD} style={styles.bottomSheetTitle}>
-          {strings('networks.select_network')}
-        </Text>
+        {strings('networks.select_network')}
       </BottomSheetHeader>
 
       <ScrollView>
diff --git a/app/components/Views/NetworkSelector/NetworkSelector.tsx b/app/components/Views/NetworkSelector/NetworkSelector.tsx
index 09031f83e3fe..29de2ff6c4c5 100644
--- a/app/components/Views/NetworkSelector/NetworkSelector.tsx
+++ b/app/components/Views/NetworkSelector/NetworkSelector.tsx
@@ -1017,11 +1017,9 @@ const NetworkSelector = () => {
             shouldNavigateBack={false}
           >
             <BottomSheetHeader>
-              <Text variant={TextVariant.HeadingMD}>
-                {strings('app_settings.delete')}{' '}
-                {showConfirmDeleteModal.networkName}{' '}
-                {strings('asset_details.network')}
-              </Text>
+              {strings('app_settings.delete')}{' '}
+              {showConfirmDeleteModal.networkName}{' '}
+              {strings('asset_details.network')}
             </BottomSheetHeader>
             <View style={styles.containerDeleteText}>
               <Text style={styles.textCentred}>
diff --git a/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.js b/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.js
index b8317c14b764..635f85da4a68 100644
--- a/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.js
+++ b/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.js
@@ -1907,9 +1907,7 @@ export class NetworkSettings extends PureComponent {
                 }}
                 style={styles.baseAll}
               >
-                <Text style={styles.heading}>
-                  {strings('app_settings.add_rpc_url')}
-                </Text>
+                {strings('app_settings.add_rpc_url')}
               </BottomSheetHeader>
               {/* Keyboard Aware Scrollable Middle Content */}
               <KeyboardAwareScrollView
@@ -1989,9 +1987,7 @@ export class NetworkSettings extends PureComponent {
               }}
               style={styles.baseAll}
             >
-              <Text style={styles.heading}>
-                {strings('app_settings.add_block_explorer_url')}
-              </Text>
+              {strings('app_settings.add_block_explorer_url')}
             </BottomSheetHeader>
             <KeyboardAwareScrollView
               enableOnAndroid
@@ -2064,9 +2060,7 @@ export class NetworkSettings extends PureComponent {
             <View style={styles.container}>
               {/* Sticky Header */}
               <BottomSheetHeader>
-                <Text style={styles.heading}>
-                  {strings('app_settings.add_block_explorer_url')}
-                </Text>
+                {strings('app_settings.add_block_explorer_url')}
               </BottomSheetHeader>
 
               {/* Scrollable Middle Content */}
@@ -2131,9 +2125,7 @@ export class NetworkSettings extends PureComponent {
             <View style={styles.container}>
               {/* Sticky Header */}
               <BottomSheetHeader>
-                <Text style={styles.heading}>
-                  {strings('app_settings.add_rpc_url')}
-                </Text>
+                {strings('app_settings.add_rpc_url')}
               </BottomSheetHeader>
 
               {/* Scrollable Middle Content */}
diff --git a/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.styles.js b/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.styles.js
index a207f71d71f8..224f976371af 100644
--- a/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.styles.js
+++ b/app/components/Views/Settings/NetworksSettings/NetworkSettings/index.styles.js
@@ -148,11 +148,6 @@ export const createStyles = (colors) =>
       flexGrow: 1,
       flexShrink: 1,
     },
-    heading: {
-      fontSize: 16,
-      color: colors.text.default,
-      ...fontStyles.bold,
-    },
     label: {
       fontSize: 14,
       paddingVertical: 12,
diff --git a/app/components/Views/TooltipModal/index.tsx b/app/components/Views/TooltipModal/index.tsx
index 3285ce6ba751..2c9a36fb1a2d 100644
--- a/app/components/Views/TooltipModal/index.tsx
+++ b/app/components/Views/TooltipModal/index.tsx
@@ -24,9 +24,7 @@ const TooltipModal = ({ route }: TooltipModalProps) => {
   return (
     <BottomSheet ref={bottomSheetRef}>
       <View>
-        <BottomSheetHeader onClose={onCloseModal}>
-          <Text variant={TextVariant.HeadingSM}>{title}</Text>
-        </BottomSheetHeader>
+        <BottomSheetHeader onClose={onCloseModal}>{title}</BottomSheetHeader>
         <View style={styles.content}>
           {isValidElement(tooltip) ? (
             tooltip