diff --git a/packages/atlas/src/components/_navigation/SidenavViewer/SidenavViewer.tsx b/packages/atlas/src/components/_navigation/SidenavViewer/SidenavViewer.tsx
index 8c7a2b19de..f25aa3a13e 100644
--- a/packages/atlas/src/components/_navigation/SidenavViewer/SidenavViewer.tsx
+++ b/packages/atlas/src/components/_navigation/SidenavViewer/SidenavViewer.tsx
@@ -1,13 +1,14 @@
+import styled from '@emotion/styled'
import { FC, useState } from 'react'
import {
SvgActionAddChannel,
SvgActionMember,
+ SvgActionMoney,
SvgActionNewTab,
SvgSidebarHome,
SvgSidebarMarketplace,
SvgSidebarReferrals,
- SvgSidebarYpp,
} from '@/assets/icons'
import { AppLogo } from '@/components/AppLogo'
import { Button } from '@/components/_buttons/Button'
@@ -16,11 +17,16 @@ import { absoluteRoutes } from '@/config/routes'
import { getCorrectLoginModal } from '@/providers/auth/auth.helpers'
import { useAuthStore } from '@/providers/auth/auth.store'
import { useUser } from '@/providers/user/user.hooks'
+import { square } from '@/styles'
import { FollowedChannels } from './FollowedChannels'
import { SidenavBase } from '../SidenavBase'
+const StyledSvgActionMoney = styled(SvgActionMoney)`
+ ${square(24)}
+`
+
export const viewerNavItems = [
{
icon: ,
@@ -38,9 +44,9 @@ export const viewerNavItems = [
...(atlasConfig.features.ypp.googleConsoleClientId
? [
{
- icon: ,
- name: 'YPP',
- expandedName: 'YouTube Partner Program',
+ icon: ,
+ name: 'Earn',
+ expandedName: 'Creator Rewards',
to: absoluteRoutes.viewer.ypp(),
bottomNav: true,
},