From b4d7d056b0017334bb4ee38bf3805ab6cd12b10d Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 28 Mar 2022 14:49:19 -0700
Subject: [PATCH] Use apple badge for install icon

---
 .../components/elements/MobileInstallHelp.tsx | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx
index 1fc04c04c..d1ffc6f18 100644
--- a/packages/web/components/elements/MobileInstallHelp.tsx
+++ b/packages/web/components/elements/MobileInstallHelp.tsx
@@ -176,18 +176,13 @@ export default function MobileInstallHelp(): JSX.Element {
           },
         }}
       >
-        <StyledImg
-          css={{
-            width: '45%',
-            maxWidth: '150px',
-            '@lg': {
-              marginLeft: '$3',
-              width: '50%',
-            },
-          }}
-          src="/static/media/appStoreBadge.png"
-          alt="Save articles"
-        />
+        <Box css={{ width: '100%', height: '37px', '@lg': {
+          pl: '16px',
+        }}}>
+        <a href="/install/ios" style={{ display: 'inlineBlock', overflow: 'hidden' }}>
+          <img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us?size=90x37&amp;releaseDate=1628121600&h=2bbc629b0455dbea136257c9f518e4b3" alt="Download on the App Store" style={{  }} />
+        </a>
+        </Box>
         <HStack
           css={{
             width: '40%',