diff --git a/ui/components/app/assets/nfts/nft-details/__snapshots__/nft-full-image.test.js.snap b/ui/components/app/assets/nfts/nft-details/__snapshots__/nft-full-image.test.js.snap
index e9ac6e3e6a26..373161f882dc 100644
--- a/ui/components/app/assets/nfts/nft-details/__snapshots__/nft-full-image.test.js.snap
+++ b/ui/components/app/assets/nfts/nft-details/__snapshots__/nft-full-image.test.js.snap
@@ -14,16 +14,8 @@ exports[`NFT full image should match snapshot 1`] = `
         <div
           class="mm-box mm-header-base multichain-page-header mm-box--padding-4 mm-box--display-flex mm-box--justify-content-center mm-box--width-full"
         >
-          <div
-            class="mm-box"
-          >
-            <p
-              class="mm-box mm-text mm-text--body-md-bold mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
-            />
-          </div>
           <div
             class="mm-box mm-box--display-flex mm-box--justify-content-flex-end"
-            style="min-width: 0px;"
           >
             <button
               aria-label="Back"
diff --git a/ui/components/app/connected-accounts-permissions/connected-accounts-permissions.js b/ui/components/app/connected-accounts-permissions/connected-accounts-permissions.js
index 9976961c5b53..f6130c5116d6 100644
--- a/ui/components/app/connected-accounts-permissions/connected-accounts-permissions.js
+++ b/ui/components/app/connected-accounts-permissions/connected-accounts-permissions.js
@@ -61,11 +61,7 @@ const ConnectedAccountsPermissions = ({ permissions }) => {
         padding={0}
         backgroundColor={BackgroundColor.backgroundDefault}
       >
-        <Text
-          onClick={toggleExpanded}
-          as="h6"
-          variant={TextVariant.bodyMdMedium}
-        >
+        <Text onClick={toggleExpanded} variant={TextVariant.bodyMdMedium}>
           {t('permissions')}
         </Text>
 
diff --git a/ui/components/multichain/pages/connections/__snapshots__/connections.test.tsx.snap b/ui/components/multichain/pages/connections/__snapshots__/connections.test.tsx.snap
index 9250404743fc..a626ccff7184 100644
--- a/ui/components/multichain/pages/connections/__snapshots__/connections.test.tsx.snap
+++ b/ui/components/multichain/pages/connections/__snapshots__/connections.test.tsx.snap
@@ -29,8 +29,8 @@ exports[`Connections Content should render correctly 1`] = `
         <div
           class="mm-box"
         >
-          <p
-            class="mm-box mm-text mm-text--body-md-bold mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
+          <h2
+            class="mm-box mm-text mm-text--heading-sm mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
           >
             <div
               class="mm-box connections-header__title mm-box--display-flex mm-box--gap-2 mm-box--justify-content-center mm-box--align-items-center"
@@ -40,12 +40,12 @@ exports[`Connections Content should render correctly 1`] = `
                 style="mask-image: url('./images/icons/global.svg');"
               />
               <span
-                class="mm-box mm-text mm-text--heading-md mm-text--ellipsis mm-text--text-align-center mm-box--color-text-default"
+                class="mm-box mm-text mm-text--heading-sm mm-text--ellipsis mm-text--text-align-center mm-box--color-text-default"
               >
                 metamask.github.io
               </span>
             </div>
-          </p>
+          </h2>
         </div>
       </div>
       <div
diff --git a/ui/components/multichain/pages/connections/connections.tsx b/ui/components/multichain/pages/connections/connections.tsx
index 4a8b188b86b6..894bc7c8d914 100644
--- a/ui/components/multichain/pages/connections/connections.tsx
+++ b/ui/components/multichain/pages/connections/connections.tsx
@@ -242,7 +242,7 @@ export const Connections = () => {
           )}
           <Text
             as="span"
-            variant={TextVariant.headingMd}
+            variant={TextVariant.headingSm}
             textAlign={TextAlign.Center}
             ellipsis
           >
diff --git a/ui/components/multichain/pages/page/components/header/header.tsx b/ui/components/multichain/pages/page/components/header/header.tsx
index fc29b3310b2a..1cf9cc328e49 100644
--- a/ui/components/multichain/pages/page/components/header/header.tsx
+++ b/ui/components/multichain/pages/page/components/header/header.tsx
@@ -54,17 +54,20 @@ export const Header = ({
       endAccessory={endAccessory}
       {...props}
     >
-      <Text
-        display={Display.Block}
-        variant={TextVariant.bodyMdBold}
-        textAlign={TextAlign.Center}
-        paddingInlineStart={8}
-        paddingInlineEnd={8}
-        ellipsis
-        {...textProps}
-      >
-        {children}
-      </Text>
+      {children && (
+        <Text
+          as="h2"
+          display={Display.Block}
+          variant={TextVariant.headingSm}
+          textAlign={TextAlign.Center}
+          paddingInlineStart={8}
+          paddingInlineEnd={8}
+          ellipsis
+          {...textProps}
+        >
+          {children}
+        </Text>
+      )}
     </HeaderBase>
   );
 };
diff --git a/ui/components/multichain/pages/permissions-page/__snapshots__/permissions-page.test.js.snap b/ui/components/multichain/pages/permissions-page/__snapshots__/permissions-page.test.js.snap
index c49cd1ba3236..47cf826d848b 100644
--- a/ui/components/multichain/pages/permissions-page/__snapshots__/permissions-page.test.js.snap
+++ b/ui/components/multichain/pages/permissions-page/__snapshots__/permissions-page.test.js.snap
@@ -29,15 +29,11 @@ exports[`All Connections render renders correctly 1`] = `
         <div
           class="mm-box"
         >
-          <p
-            class="mm-box mm-text mm-text--body-md-bold mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
+          <h2
+            class="mm-box mm-text mm-text--heading-sm mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
           >
-            <span
-              class="mm-box mm-text mm-text--heading-md mm-text--text-align-center mm-box--color-text-default"
-            >
-              Permissions
-            </span>
-          </p>
+            Permissions
+          </h2>
         </div>
       </div>
       <div
diff --git a/ui/components/multichain/pages/permissions-page/permissions-page.js b/ui/components/multichain/pages/permissions-page/permissions-page.js
index 3f4680bf0350..b828a9a2cf15 100644
--- a/ui/components/multichain/pages/permissions-page/permissions-page.js
+++ b/ui/components/multichain/pages/permissions-page/permissions-page.js
@@ -77,13 +77,7 @@ export const PermissionsPage = () => {
           />
         }
       >
-        <Text
-          as="span"
-          variant={TextVariant.headingMd}
-          textAlign={TextAlign.Center}
-        >
-          {t('permissions')}
-        </Text>
+        {t('permissions')}
       </Header>
       <Content padding={0}>
         <Box ref={headerRef}></Box>
diff --git a/ui/components/multichain/pages/review-permissions-page/__snapshots__/review-permissions-page.test.tsx.snap b/ui/components/multichain/pages/review-permissions-page/__snapshots__/review-permissions-page.test.tsx.snap
index 97efc908271e..76ece37f6b15 100644
--- a/ui/components/multichain/pages/review-permissions-page/__snapshots__/review-permissions-page.test.tsx.snap
+++ b/ui/components/multichain/pages/review-permissions-page/__snapshots__/review-permissions-page.test.tsx.snap
@@ -29,8 +29,8 @@ exports[`ReviewPermissions should render correctly 1`] = `
         <div
           class="mm-box"
         >
-          <p
-            class="mm-box mm-text mm-text--body-md-bold mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
+          <h2
+            class="mm-box mm-text mm-text--heading-sm mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
           >
             <div
               class="mm-box connections-header__title mm-box--display-flex mm-box--gap-2 mm-box--justify-content-center mm-box--align-items-center"
@@ -40,10 +40,10 @@ exports[`ReviewPermissions should render correctly 1`] = `
                 style="mask-image: url('./images/icons/global.svg');"
               />
               <span
-                class="mm-box mm-text mm-text--heading-md mm-text--ellipsis mm-text--text-align-center mm-box--color-text-default"
+                class="mm-box mm-text mm-text--heading-sm mm-text--ellipsis mm-text--text-align-center mm-box--color-text-default"
               />
             </div>
-          </p>
+          </h2>
         </div>
       </div>
       <div
diff --git a/ui/components/multichain/pages/send/__snapshots__/send.test.js.snap b/ui/components/multichain/pages/send/__snapshots__/send.test.js.snap
index a23161205c8e..b2092366f270 100644
--- a/ui/components/multichain/pages/send/__snapshots__/send.test.js.snap
+++ b/ui/components/multichain/pages/send/__snapshots__/send.test.js.snap
@@ -28,11 +28,11 @@ exports[`SendPage render and initialization should render correctly even when a
         <div
           class="mm-box"
         >
-          <h4
+          <h2
             class="mm-box mm-text mm-text--heading-sm mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
           >
             Send
-          </h4>
+          </h2>
         </div>
       </div>
       <div
diff --git a/ui/components/multichain/permissions-header/permissions-header.tsx b/ui/components/multichain/permissions-header/permissions-header.tsx
index 9ee7bec7a52c..02e6090c639f 100644
--- a/ui/components/multichain/permissions-header/permissions-header.tsx
+++ b/ui/components/multichain/permissions-header/permissions-header.tsx
@@ -71,7 +71,7 @@ export const PermissionsHeader = ({
         )}
         <Text
           as="span"
-          variant={TextVariant.headingMd}
+          variant={TextVariant.headingSm}
           textAlign={TextAlign.Center}
           ellipsis
         >
diff --git a/ui/pages/bridge/__snapshots__/index.test.tsx.snap b/ui/pages/bridge/__snapshots__/index.test.tsx.snap
index 072c7d7eee6b..20b847bffa1c 100644
--- a/ui/pages/bridge/__snapshots__/index.test.tsx.snap
+++ b/ui/pages/bridge/__snapshots__/index.test.tsx.snap
@@ -28,11 +28,11 @@ exports[`Bridge renders the component with initial props 1`] = `
         <div
           class="mm-box"
         >
-          <h4
+          <h2
             class="mm-box mm-text mm-text--heading-sm mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
           >
             Bridge
-          </h4>
+          </h2>
         </div>
         <div
           class="mm-box mm-box--display-flex mm-box--justify-content-flex-end"
diff --git a/ui/pages/permissions-connect/connect-page/__snapshots__/connect-page.test.tsx.snap b/ui/pages/permissions-connect/connect-page/__snapshots__/connect-page.test.tsx.snap
index 3c02fa78f20d..a6133c69fc67 100644
--- a/ui/pages/permissions-connect/connect-page/__snapshots__/connect-page.test.tsx.snap
+++ b/ui/pages/permissions-connect/connect-page/__snapshots__/connect-page.test.tsx.snap
@@ -15,8 +15,8 @@ exports[`ConnectPage should render correctly 1`] = `
         <div
           class="mm-box"
         >
-          <p
-            class="mm-box mm-text mm-text--body-md-bold mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
+          <h2
+            class="mm-box mm-text mm-text--heading-sm mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
           >
             <h2
               class="mm-box mm-text mm-text--heading-lg mm-box--color-text-default"
@@ -29,7 +29,7 @@ exports[`ConnectPage should render correctly 1`] = `
               This site wants to
               : 
             </p>
-          </p>
+          </h2>
         </div>
       </div>
       <div
@@ -265,8 +265,8 @@ exports[`ConnectPage should render with defaults from the requested permissions
         <div
           class="mm-box"
         >
-          <p
-            class="mm-box mm-text mm-text--body-md-bold mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
+          <h2
+            class="mm-box mm-text mm-text--heading-sm mm-text--ellipsis mm-text--text-align-center mm-box--padding-inline-start-8 mm-box--padding-inline-end-8 mm-box--display-block mm-box--color-text-default"
           >
             <h2
               class="mm-box mm-text mm-text--heading-lg mm-box--color-text-default"
@@ -279,7 +279,7 @@ exports[`ConnectPage should render with defaults from the requested permissions
               This site wants to
               : 
             </p>
-          </p>
+          </h2>
         </div>
       </div>
       <div