diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx
index 66005628a..dd4a1bdf8 100644
--- a/packages/web/components/elements/MobileInstallHelp.tsx
+++ b/packages/web/components/elements/MobileInstallHelp.tsx
@@ -24,11 +24,11 @@ export default function MobileInstallHelp(): JSX.Element {
icon: ,
},
{
- label: 'Available for Tablet',
+ label: 'Available for iPad',
icon: ,
},
{
- label: 'Available for Phone',
+ label: 'Available for iPhone',
icon: ,
},
]
@@ -211,39 +211,37 @@ export default function MobileInstallHelp(): JSX.Element {
ml: '$1',
}}
>
-
- setSelectedTooltip(item.label)}
- css={{
- mx: 'auto',
- borderRadius: '50%',
- display: 'inline-flex',
- alignItems: 'center',
- justifyContent: 'center',
- height: 35,
- width: 35,
- cursor: 'pointer',
- backgroundColor: '$tooltipIcons',
- ...(selectedTooltip !== item.label && {
- filter: 'grayscale(1)',
- }),
- '&:focus': {
+ setSelectedTooltip(item.label)}
+ css={{
+ mx: 'auto',
+ borderRadius: '50%',
+ display: 'inline-flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ height: 35,
+ width: 35,
+ cursor: 'pointer',
+ backgroundColor: '$tooltipIcons',
+ ...(selectedTooltip !== item.label && {
+ filter: 'grayscale(1)',
+ }),
+ '&:focus': {
+ filter: 'grayscale(0)',
+ },
+ '&:active': {
+ filter: 'grayscale(0)',
+ },
+ '@lg': {
+ transition: 'filter .3s linear',
+ '&:hover': {
filter: 'grayscale(0)',
},
- '&:active': {
- filter: 'grayscale(0)',
- },
- '@lg': {
- transition: 'filter .3s linear',
- '&:hover': {
- filter: 'grayscale(0)',
- },
- },
- }}
- >
- {item.icon}
-
-
+ },
+ }}
+ >
+ {item.icon}
+
))}