diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index 9490da9300..1027306816 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -84,7 +84,7 @@ const HeaderElement = styled.div` align-items: center; gap: 8px; - ${({ theme }) => theme.mediaWidth.upToSmall` + ${({ theme }) => theme.mediaWidth.upToXXSmall` align-items: center; width: 100%; justify-content: space-between; @@ -180,7 +180,7 @@ export default function Header() { const [holidayMode] = useHolidayMode() const theme = useTheme() const { mixpanelHandler } = useMixpanel() - const upToExtraSmall = useMedia(`(max-width: ${MEDIA_WIDTHS.upToExtraSmall}px)`) + const upToXXSmall = useMedia(`(max-width: ${MEDIA_WIDTHS.upToXXSmall}px)`) const menu = ( @@ -228,7 +228,7 @@ export default function Header() { - {upToExtraSmall ? ( + {upToXXSmall ? ( diff --git a/src/pages/MyEarnings/EarningsBreakdownPanel.tsx b/src/pages/MyEarnings/EarningsBreakdownPanel.tsx index 6921a56cd6..aa8983a17c 100644 --- a/src/pages/MyEarnings/EarningsBreakdownPanel.tsx +++ b/src/pages/MyEarnings/EarningsBreakdownPanel.tsx @@ -134,11 +134,11 @@ const EarningsBreakdownPanel: React.FC = ({ isLoading, data, className, h ...item, logoUrl: item.chainId && item.address && !item.logoUrl - ? tokens[item.chainId]?.[item.address].logoURI + ? tokens[item.chainId]?.[item.address]?.logoURI : item.logoUrl, symbol: item.chainId && item.address && !item.symbol - ? tokens[item.chainId]?.[item.address].symbol || '' + ? tokens[item.chainId]?.[item.address]?.symbol || '' : item.symbol, }))} totalValue={formatUSDValue(data.totalValue, true)}