From 62cf59dd57b4fe0335dfab3215862770b5939c35 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 5 Sep 2023 09:59:13 +0800
Subject: [PATCH] Use sloth instead of owl

---
 packages/web/components/elements/FeatureHelpBox.tsx        | 4 ++--
 .../web/components/elements/images/HelpfulOwlImage.tsx     | 7 +------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/web/components/elements/FeatureHelpBox.tsx b/packages/web/components/elements/FeatureHelpBox.tsx
index 82cba8919..9390dddb3 100644
--- a/packages/web/components/elements/FeatureHelpBox.tsx
+++ b/packages/web/components/elements/FeatureHelpBox.tsx
@@ -2,7 +2,7 @@ import { HStack, SpanBox, VStack } from './LayoutPrimitives'
 import { theme } from '../tokens/stitches.config'
 import { Button } from './Button'
 import { CloseIcon } from './icons/CloseIcon'
-import { HelpfulOwlImage } from './images/HelpfulOwlImage'
+import { HelpfulSlothImage } from './images/HelpfulSlothImage'
 import { ArrowSquareOut } from 'phosphor-react'
 import { useEffect, useState } from 'react'
 
@@ -57,7 +57,7 @@ export const FeatureHelpBox = (props: FeatureHelpBoxProps) => {
             '@smDown': { display: 'none' },
           }}
         >
-          <HelpfulOwlImage width={254} height={333} />
+          <HelpfulSlothImage />
         </SpanBox>
         <HelpSection {...props} />
       </HStack>
diff --git a/packages/web/components/elements/images/HelpfulOwlImage.tsx b/packages/web/components/elements/images/HelpfulOwlImage.tsx
index 3268d3a29..140877c2e 100644
--- a/packages/web/components/elements/images/HelpfulOwlImage.tsx
+++ b/packages/web/components/elements/images/HelpfulOwlImage.tsx
@@ -1,11 +1,6 @@
 import Image from 'next/image'
 
-type HelpfulOwlImageProps = {
-  width: number
-  height: number
-}
-
-export const HelpfulOwlImage = (props: HelpfulOwlImageProps) => {
+export const HelpfulOwlImage = () => {
   return (
     <Image
       src="/static/images/helpful-owl@2x.png"