From 36092571c6922767625364302d044883d959f4cd Mon Sep 17 00:00:00 2001
From: Harsh Shukla <125105825+PrgrmrHarshShukla@users.noreply.github.com>
Date: Tue, 2 May 2023 06:21:24 +0530
Subject: [PATCH] Part of #17670 Replace Typography with Text component in:
 signature-request-siwe-tag\index.js (#18898)

---
 .../signature-request-siwe-tag/index.js             | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/ui/components/app/signature-request-siwe/signature-request-siwe-tag/index.js b/ui/components/app/signature-request-siwe/signature-request-siwe-tag/index.js
index 48d288bbc..fc4eef706 100644
--- a/ui/components/app/signature-request-siwe/signature-request-siwe-tag/index.js
+++ b/ui/components/app/signature-request-siwe/signature-request-siwe-tag/index.js
@@ -1,16 +1,15 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {
-  TypographyVariant,
+  TextVariant,
   Size,
   DISPLAY,
   AlignItems,
-  FONT_WEIGHT,
   BackgroundColor,
   TextColor,
 } from '../../../../helpers/constants/design-system';
 import Box from '../../../ui/box';
-import Typography from '../../../ui/typography/typography';
+import { Text } from '../../../component-library';
 
 const SignatureRequestSIWETag = ({ text }) => {
   return (
@@ -24,14 +23,14 @@ const SignatureRequestSIWETag = ({ text }) => {
       paddingLeft={4}
       paddingRight={4}
     >
-      <Typography
-        fontWeight={FONT_WEIGHT.BOLD}
+      <Text
         margin={0}
-        variant={TypographyVariant.H7}
+        variant={TextVariant.bodySmBold}
+        as="h6"
         color={TextColor.errorInverse}
       >
         {text}
-      </Typography>
+      </Text>
     </Box>
   );
 };