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} + ))}