diff --git a/packages/shared/src/components/icons/Joystick/filled.svg b/packages/shared/src/components/icons/Joystick/filled.svg
new file mode 100644
index 00000000000..59bd3f9132c
--- /dev/null
+++ b/packages/shared/src/components/icons/Joystick/filled.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14 5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5C10 5.73984 10.4022 6.38552 11 6.73244V10H13V6.73244C13.5978 6.38552 14 5.73984 14 5ZM12 4.5C12.2761 4.5 12.5 4.72386 12.5 5C12.5 5.27614 12.2761 5.5 12 5.5C11.7239 5.5 11.5 5.27614 11.5 5C11.5 4.72386 11.7239 4.5 12 4.5Z" fill="currentColor"/>
+  <path d="M5 12.5C5 11.1193 6.11929 10 7.5 10H16.5C17.8807 10 19 11.1193 19 12.5V14.5C19 15.8807 17.8807 17 16.5 17H15.5V19.5C15.5 20.0523 15.0523 20.5 14.5 20.5H9.5C8.94772 20.5 8.5 20.0523 8.5 19.5V17H7.5C6.11929 17 5 15.8807 5 14.5V12.5Z" fill="currentColor"/>
+</svg>
diff --git a/packages/shared/src/components/icons/Joystick/index.tsx b/packages/shared/src/components/icons/Joystick/index.tsx
new file mode 100644
index 00000000000..3bdaaabcc25
--- /dev/null
+++ b/packages/shared/src/components/icons/Joystick/index.tsx
@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import React from 'react';
+import type { IconProps } from '../../Icon';
+import Icon from '../../Icon';
+import OutlinedIcon from './outlined.svg';
+import FilledIcon from './filled.svg';
+
+export const JoystickIcon = (props: IconProps): ReactElement => (
+  <Icon {...props} IconPrimary={OutlinedIcon} IconSecondary={FilledIcon} />
+);
diff --git a/packages/shared/src/components/icons/Joystick/outlined.svg b/packages/shared/src/components/icons/Joystick/outlined.svg
new file mode 100644
index 00000000000..437b196ac50
--- /dev/null
+++ b/packages/shared/src/components/icons/Joystick/outlined.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 3C13.1046 3 14 3.89543 14 5C14 5.73984 13.5978 6.38552 13 6.73244V10H11V6.73244C10.4022 6.38552 10 5.73984 10 5C10 3.89543 10.8954 3 12 3ZM12 4.5C11.7239 4.5 11.5 4.72386 11.5 5C11.5 5.27614 11.7239 5.5 12 5.5C12.2761 5.5 12.5 5.27614 12.5 5C12.5 4.72386 12.2761 4.5 12 4.5Z" fill="currentColor"/>
+  <path d="M7.5 10C6.11929 10 5 11.1193 5 12.5V14.5C5 15.8807 6.11929 17 7.5 17H8.5V19.5C8.5 20.0523 8.94772 20.5 9.5 20.5H14.5C15.0523 20.5 15.5 20.0523 15.5 19.5V17H16.5C17.8807 17 19 15.8807 19 14.5V12.5C19 11.1193 17.8807 10 16.5 10H7.5ZM6.5 12.5C6.5 11.9477 6.94772 11.5 7.5 11.5H16.5C17.0523 11.5 17.5 11.9477 17.5 12.5V14.5C17.5 15.0523 17.0523 15.5 16.5 15.5H14.75C14.3358 15.5 14 15.8358 14 16.25V19H10V16.25C10 15.8358 9.66421 15.5 9.25 15.5H7.5C6.94772 15.5 6.5 15.0523 6.5 14.5V12.5Z" fill="currentColor"/>
+</svg>
diff --git a/packages/shared/src/components/icons/index.ts b/packages/shared/src/components/icons/index.ts
index 88afa15506a..11cf7a5c9b3 100644
--- a/packages/shared/src/components/icons/index.ts
+++ b/packages/shared/src/components/icons/index.ts
@@ -80,6 +80,7 @@ export * from './Italic';
 export * from './JetBrains';
 export * from './Job';
 export * from './JobStatus';
+export * from './Joystick';
 export * from './Kaggle';
 export * from './Key';
 export * from './Label';
diff --git a/packages/shared/src/components/profile/ProfileSettingsMenu.tsx b/packages/shared/src/components/profile/ProfileSettingsMenu.tsx
index c6a27962ac8..8264f3c2fda 100644
--- a/packages/shared/src/components/profile/ProfileSettingsMenu.tsx
+++ b/packages/shared/src/components/profile/ProfileSettingsMenu.tsx
@@ -34,6 +34,7 @@ import {
   TourIcon,
   FeatherIcon,
   GiftIcon,
+  JoystickIcon,
 } from '../icons';
 import { NavDrawer } from '../drawers/NavDrawer';
 import {
@@ -188,6 +189,11 @@ const useAccountPageItems = ({ onClose }: { onClose?: () => void } = {}) => {
                 onClose?.();
               },
             },
+            gameCenter: {
+              title: 'Game Center',
+              icon: JoystickIcon,
+              href: `${webappUrl}game-center`,
+            },
             trackAchievement: {
               title: 'Track achievement',
               icon: PinIcon,
@@ -438,7 +444,7 @@ export const InnerProfileSettingsMenu = ({
           <ProfileSection
             key={key}
             withSeparator={!lastItem}
-            title={menuItem.title}
+            title={menuItem.title ?? undefined}
             items={Object.entries(menuItem.items)
               .filter(([itemKey, item]) => {
                 if (item.href === walletUrl && !hasAccessToCores) {
@@ -459,6 +465,13 @@ export const InnerProfileSettingsMenu = ({
                   return false;
                 }
 
+                if (
+                  itemKey === 'gameCenter' &&
+                  isQuestsFeatureEnabled !== true
+                ) {
+                  return false;
+                }
+
                 return true;
               })
               .map(([, item]: [string, ProfileSectionItemProps]) => {
@@ -491,7 +504,7 @@ export function ProfileSettingsMenuMobile({
       shouldKeepOpen={shouldKeepOpen}
       drawerProps={{
         isOpen,
-        onClose,
+        onClose: onClose ?? (() => {}),
       }}
     >
       <InnerProfileSettingsMenu className="p-4" onClose={onClose} />
@@ -499,7 +512,7 @@ export function ProfileSettingsMenuMobile({
   );
 }
 
-export function ProfileSettingsMenuDesktop(): ReactElement {
+export function ProfileSettingsMenuDesktop(): ReactElement | null {
   const { user } = useAuthContext();
   const featureTheme = useFeatureTheme();
 
diff --git a/packages/shared/src/components/sidebar/sections/MainSection.tsx b/packages/shared/src/components/sidebar/sections/MainSection.tsx
index a6e7d137818..be4a60b3183 100644
--- a/packages/shared/src/components/sidebar/sections/MainSection.tsx
+++ b/packages/shared/src/components/sidebar/sections/MainSection.tsx
@@ -8,6 +8,7 @@ import {
   EyeIcon,
   HomeIcon,
   HotIcon,
+  JoystickIcon,
   SquadIcon,
   TerminalIcon,
   YearInReviewIcon,
@@ -24,6 +25,7 @@ import { useConditionalFeature } from '../../../hooks';
 import {
   featurePlusCtaCopy,
   featureYearInReview,
+  questsFeature,
 } from '../../../lib/featureManagement';
 
 export const MainSection = ({
@@ -42,6 +44,10 @@ export const MainSection = ({
     feature: featureYearInReview,
     shouldEvaluate: isLoggedIn,
   });
+  const { value: showGameCenter } = useConditionalFeature({
+    feature: questsFeature,
+    shouldEvaluate: isLoggedIn,
+  });
 
   const menuItems: SidebarMenuItem[] = useMemo(() => {
     // this path can be opened on extension so it purposly
@@ -59,7 +65,7 @@ export const MainSection = ({
           action: () =>
             onNavTabClick?.(isCustomDefaultFeed ? SharedFeedPage.MyFeed : '/'),
           icon: () => (
-            <ProfilePicture size={ProfileImageSize.XSmall} user={user} />
+            <ProfilePicture size={ProfileImageSize.XSmall} user={user!} />
           ),
         }
       : {
@@ -87,6 +93,18 @@ export const MainSection = ({
         }
       : undefined;
 
+    const gameCenter = showGameCenter
+      ? {
+          icon: (active: boolean) => (
+            <ListIcon Icon={() => <JoystickIcon secondary={active} />} />
+          ),
+          title: 'Game Center',
+          path: `${webappUrl}game-center`,
+          isForcedLink: true,
+          requiresLogin: true,
+        }
+      : undefined;
+
     const yearInReview = showYearInReview
       ? {
           icon: () => <ListIcon Icon={() => <YearInReviewIcon />} />,
@@ -137,15 +155,17 @@ export const MainSection = ({
         isForcedLink: true,
         requiresLogin: true,
       },
+      gameCenter,
       yearInReview,
       plusButton,
-    ].filter(Boolean);
+    ].filter((item): item is SidebarMenuItem => !!item);
   }, [
     ctaCopy,
     isCustomDefaultFeed,
     isLoggedIn,
     isPlus,
     onNavTabClick,
+    showGameCenter,
     showYearInReview,
     user,
   ]);