From 5990d2cb959b7a3057ffa9c7e7a33dafb8418361 Mon Sep 17 00:00:00 2001
From: Shoaib Ahmed <shahmed@twilio.com>
Date: Fri, 20 Sep 2024 11:35:34 +0530
Subject: [PATCH] feat(mobile-nav): update mobile paste logo

---
 .../site-wrapper/site-header/SiteHeaderLogo.tsx   | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderLogo.tsx b/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderLogo.tsx
index cc5df23ff1..98ffdbd30c 100644
--- a/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderLogo.tsx
+++ b/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderLogo.tsx
@@ -1,4 +1,5 @@
 import { Box } from "@twilio-paste/box";
+import { LogoPasteIcon } from "@twilio-paste/icons/esm/LogoPasteIcon";
 import { MediaBody, MediaFigure, MediaObject } from "@twilio-paste/media-object";
 import { styled, themeGet } from "@twilio-paste/styling-library";
 import { Text } from "@twilio-paste/text";
@@ -7,8 +8,6 @@ import Link from "next/link";
 import * as React from "react";
 
 import { event } from "../../../lib/gtag";
-import { PasteIcon } from "../../icons/PasteIcon";
-import { PasteIconPride } from "../../icons/PasteIconPride";
 
 const LogoLink = styled(Link)`
   position: relative;
@@ -63,17 +62,7 @@ const SiteHeaderLogo: React.FC<React.PropsWithChildren<SiteHeaderLogoProps>> = (
       >
         <MediaObject verticalAlign="center">
           <MediaFigure spacing="space40">
-            <PasteIconPride display="block" size={42} transition={logoTransition} opacity={logoOpacity} />
-            <PasteIcon
-              color={theme.textColors.colorTextBrandHighlight}
-              opacity={hoverOpacity}
-              transition={logoTransition}
-              display="block"
-              position="absolute"
-              top="0"
-              left="0"
-              size={42}
-            />
+            <LogoPasteIcon decorative={false} size="sizeIcon70" title="Twilio Paste" />
           </MediaFigure>
           <MediaBody>
             <Text as="div" fontSize="fontSize40" lineHeight="lineHeight30" color="colorText">