diff --git a/src/components/molecules/MenuPopover/MenuPopover.tsx b/src/components/molecules/MenuPopover/MenuPopover.tsx
index 5a5142b56..3315121ae 100644
--- a/src/components/molecules/MenuPopover/MenuPopover.tsx
+++ b/src/components/molecules/MenuPopover/MenuPopover.tsx
@@ -7,14 +7,14 @@ import { LinkList } from 'src/utils';
 
 export const MenuPopover = ({}) => {
     return (
-        <div className='flex h-full items-center justify-center px-[30px]'>
+        <div className='flex h-full items-center justify-center px-[30px] laptop:w-[100px]'>
             <Popover className='relative'>
                 {({}) => (
                     <>
                         <Popover.Button
                             as='button'
                             data-cy='popover-button'
-                            className='typography-nav-menu-default mt-1 flex h-4 flex-row items-center gap-2.5 whitespace-nowrap text-neutral-8 opacity-70 outline-none duration-300 focus-within:text-secondary7 focus-within:opacity-100 hover:text-secondary7 hover:opacity-100 hover:ease-in-out'
+                            className='typography-nav-menu-default flex h-4 flex-row items-center gap-1 whitespace-nowrap text-neutral-200 outline-none duration-300 focus-within:text-secondary7 focus-within:opacity-100 hover:text-secondary7 hover:opacity-100 hover:ease-in-out'
                         >
                             <p>More</p>
                             <ChevronDownIcon className='h-4 w-4' />
diff --git a/src/components/molecules/NetworkSelector/NetworkSelector.tsx b/src/components/molecules/NetworkSelector/NetworkSelector.tsx
index 460f115b1..fc9b78fde 100644
--- a/src/components/molecules/NetworkSelector/NetworkSelector.tsx
+++ b/src/components/molecules/NetworkSelector/NetworkSelector.tsx
@@ -109,7 +109,7 @@ export const NetworkSelector = ({ networkName }: { networkName: string }) => {
                 data-cy='network-selector-button'
                 aria-label='Network Selector Button'
                 className={clsx(
-                    'flex items-center gap-2 rounded-lg bg-neutral-800 p-2 ring-1 ring-neutral-500 focus:outline-none tablet:rounded-xl tablet:p-3 tablet:ring-[1.5px]',
+                    'flex items-center gap-2 rounded-lg bg-neutral-800 p-2 ring-1 ring-neutral-500 focus:outline-none tablet:rounded-xl tablet:p-2.5 tablet:ring-[1.5px]',
                     {
                         'pr-2': !selectedNetwork,
                     }
diff --git a/src/components/molecules/Settings/Settings.tsx b/src/components/molecules/Settings/Settings.tsx
index 56c8cfccb..49989bc0f 100644
--- a/src/components/molecules/Settings/Settings.tsx
+++ b/src/components/molecules/Settings/Settings.tsx
@@ -26,7 +26,7 @@ export const Settings = ({ isProduction }: { isProduction: boolean }) => {
                     <Popover.Button
                         data-cy='settings-button'
                         aria-label='Settings Button'
-                        className='flex items-center rounded-lg bg-neutral-800 p-[7px] ring-1 ring-neutral-500 focus:outline-none tablet:rounded-xl tablet:px-3.5 tablet:py-[13px] tablet:ring-[1.5px]'
+                        className='flex items-center rounded-lg bg-neutral-800 p-[7px] ring-1 ring-neutral-500 focus:outline-none tablet:rounded-xl tablet:p-[11px] tablet:ring-[1.5px]'
                     >
                         <Gear className='h-18px w-18px' />
                     </Popover.Button>
diff --git a/src/components/organisms/ConnectWalletDialog/ConnectWalletDialog.stories.tsx b/src/components/organisms/ConnectWalletDialog/ConnectWalletDialog.stories.tsx
new file mode 100644
index 000000000..214dc3dc4
--- /dev/null
+++ b/src/components/organisms/ConnectWalletDialog/ConnectWalletDialog.stories.tsx
@@ -0,0 +1,17 @@
+import type { Meta, StoryFn } from '@storybook/react';
+import { ConnectWalletDialog } from './ConnectWalletDialog';
+
+export default {
+    title: 'Organism/ConnectWalletDialog',
+    component: ConnectWalletDialog,
+    args: {
+        isOpen: true,
+        onClose: () => {},
+    },
+} as Meta<typeof ConnectWalletDialog>;
+
+const Template: StoryFn<typeof ConnectWalletDialog> = args => {
+    return <ConnectWalletDialog {...args} />;
+};
+
+export const Default = Template.bind({});
diff --git a/src/components/organisms/ConnectWalletDialog/ConnectWalletDialog.test.tsx b/src/components/organisms/ConnectWalletDialog/ConnectWalletDialog.test.tsx
new file mode 100644
index 000000000..3509d75d7
--- /dev/null
+++ b/src/components/organisms/ConnectWalletDialog/ConnectWalletDialog.test.tsx
@@ -0,0 +1,23 @@
+import { composeStories } from '@storybook/react';
+import { mockUseSF } from 'src/stories/mocks/useSFMock';
+import { render, screen } from 'src/test-utils.js';
+import * as stories from './ConnectWalletDialog.stories';
+
+const { Default } = composeStories(stories);
+
+const mockSecuredFinance = mockUseSF();
+jest.mock('src/hooks/useSecuredFinance', () => () => mockSecuredFinance);
+
+describe('DepositCollateral component', () => {
+    it('should display the Connect Wallet Dialog when open', () => {
+        render(<Default />);
+
+        expect(screen.getByRole('dialog')).toBeInTheDocument();
+        expect(
+            screen.getByRole('heading', { name: 'Connect Wallet' })
+        ).toBeInTheDocument();
+
+        const button = screen.getByTestId('dialog-action-button');
+        expect(button).toHaveTextContent('Connect');
+    });
+});
diff --git a/src/components/organisms/ConnectWalletDialog/ConnectWalletDialog.tsx b/src/components/organisms/ConnectWalletDialog/ConnectWalletDialog.tsx
new file mode 100644
index 000000000..a8c1fde93
--- /dev/null
+++ b/src/components/organisms/ConnectWalletDialog/ConnectWalletDialog.tsx
@@ -0,0 +1,28 @@
+import Badge from 'src/assets/icons/badge.svg';
+import { Dialog } from 'src/components/molecules';
+
+export const ConnectWalletDialog = ({
+    isOpen,
+    onClose,
+    handleConnectWallet,
+}: {
+    isOpen: boolean;
+    onClose: () => void;
+    handleConnectWallet: () => void;
+}) => {
+    return (
+        <Dialog
+            title='Connect Wallet'
+            description='Get Points by placing limit orders and maintaining active positions on our app. But first, connect your wallet.'
+            callToAction='Connect Wallet'
+            onClick={handleConnectWallet}
+            isOpen={isOpen}
+            onClose={onClose}
+            showCancelButton
+        >
+            <div className='mx-auto flex h-[100px] w-[100px] items-center justify-center rounded-full border border-white/[19%] bg-white/[5%]'>
+                <Badge className='h-16 w-16' />
+            </div>
+        </Dialog>
+    );
+};
diff --git a/src/components/organisms/ConnectWalletDialog/index.ts b/src/components/organisms/ConnectWalletDialog/index.ts
new file mode 100644
index 000000000..13f8a1647
--- /dev/null
+++ b/src/components/organisms/ConnectWalletDialog/index.ts
@@ -0,0 +1 @@
+export * from './ConnectWalletDialog';
diff --git a/src/components/organisms/Header/Header.stories.tsx b/src/components/organisms/Header/Header.stories.tsx
index 1dbbafbf5..ff4b40c59 100644
--- a/src/components/organisms/Header/Header.stories.tsx
+++ b/src/components/organisms/Header/Header.stories.tsx
@@ -1,10 +1,12 @@
 import { RESPONSIVE_PARAMETERS, VIEWPORTS } from '.storybook/constants';
 import {
+    WithGraphClient,
     withChainErrorEnabled,
     withWalletProvider,
 } from '.storybook/decorators';
 import type { Meta, StoryFn } from '@storybook/react';
 import { userEvent, within } from '@storybook/testing-library';
+import { userPoints } from 'src/stories/mocks/queries';
 import Header from './Header';
 
 const FIGMA_STORYBOOK_LINK =
@@ -16,7 +18,7 @@ export default {
     args: {
         showNavigation: true,
     },
-    decorators: [withWalletProvider],
+    decorators: [withWalletProvider, WithGraphClient],
     parameters: {
         ...RESPONSIVE_PARAMETERS,
         viewport: {
@@ -35,6 +37,15 @@ export const Primary = Template.bind({});
 export const Connected = Template.bind({});
 Connected.parameters = {
     connected: true,
+    apolloClient: {
+        mocks: [...userPoints],
+    },
+    cookie: {
+        verified_data: {
+            token: '1234567890',
+            walletAddress: '0xB98bD7C7f656290071E52D1aA617D9cB4467Fd6D',
+        },
+    },
 };
 
 export const TradingMenuOpened = Template.bind({});
diff --git a/src/components/organisms/Header/Header.test.tsx b/src/components/organisms/Header/Header.test.tsx
index 725482657..9d7822af2 100644
--- a/src/components/organisms/Header/Header.test.tsx
+++ b/src/components/organisms/Header/Header.test.tsx
@@ -118,4 +118,12 @@ describe('Header component', () => {
         expect(screen.queryByTestId('testnet-info')).not.toBeInTheDocument();
         expect(screen.queryByTestId('testnet-alert')).not.toBeInTheDocument();
     });
+
+    it('should not display SF Points if the user is not logged in', async () => {
+        render(<Primary />);
+
+        await waitFor(() => {
+            expect(screen.queryByText('164 Points')).not.toBeInTheDocument(); //
+        });
+    });
 });
diff --git a/src/components/organisms/Header/Header.tsx b/src/components/organisms/Header/Header.tsx
index 366c5746b..2a629b731 100644
--- a/src/components/organisms/Header/Header.tsx
+++ b/src/components/organisms/Header/Header.tsx
@@ -1,7 +1,11 @@
+import { useGetUserLazyQuery } from '@secured-finance/sf-point-client';
+import clsx from 'clsx';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
-import { useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
+import { useCookies } from 'react-cookie';
 import { useDispatch, useSelector } from 'react-redux';
+import Badge from 'src/assets/icons/badge.svg';
 import SFLogo from 'src/assets/img/logo.svg';
 import SFLogoSmall from 'src/assets/img/small-logo.svg';
 import {
@@ -17,16 +21,11 @@ import {
     Settings,
 } from 'src/components/molecules';
 import {
-    DepositCollateral,
+    ConnectWalletDialog,
     WalletDialog,
     WalletPopover,
-    generateCollateralList,
 } from 'src/components/organisms';
-import {
-    useBreakpoint,
-    useCollateralBalances,
-    useCollateralCurrencies,
-} from 'src/hooks';
+import { useBreakpoint } from 'src/hooks';
 import useSF from 'src/hooks/useSecuredFinance';
 import { setWalletDialogOpen } from 'src/store/interactions';
 import { RootState } from 'src/store/types';
@@ -37,6 +36,9 @@ import { useAccount } from 'wagmi';
 import { TradingDropdown } from './TradingDropdown';
 import { DEV_LINKS, PRODUCTION_LINKS } from './constants';
 
+const POLL_INTERVAL = 600000; // 10 minutes
+const POINT_API_QUERY_OPTIONS = { context: { type: 'point-dashboard' } };
+
 const HeaderMessage = ({
     chainId,
     chainError,
@@ -74,12 +76,36 @@ const HeaderMessage = ({
 };
 
 const Header = ({ showNavigation }: { showNavigation: boolean }) => {
+    const [isConnectWalletDialogOpen, setIsConnectWalletDialogOpen] =
+        useState<boolean>(false);
     const dispatch = useDispatch();
     const isMobile = useBreakpoint('tablet');
-    const [isOpenDepositModal, setIsOpenDepositModal] =
-        useState<boolean>(false);
-
     const { address, isConnected } = useAccount();
+
+    const [cookies] = useCookies();
+
+    const [getUser, { data: userData, refetch }] = useGetUserLazyQuery({
+        pollInterval: POLL_INTERVAL,
+        ...POINT_API_QUERY_OPTIONS,
+    });
+
+    useEffect(() => {
+        if (cookies.verified_data) {
+            userData?.user.walletAddress &&
+            userData?.user.walletAddress !== address
+                ? refetch()
+                : getUser();
+        }
+    }, [
+        cookies.verified_data,
+        getUser,
+        address,
+        userData?.user.walletAddress,
+        refetch,
+    ]);
+
+    const userPoints = userData?.user.point;
+
     const securedFinance = useSF();
     const chainError = useSelector(
         (state: RootState) => state.blockchain.chainError
@@ -91,21 +117,7 @@ const Header = ({ showNavigation }: { showNavigation: boolean }) => {
 
     const LINKS = isProduction ? PRODUCTION_LINKS : DEV_LINKS;
 
-    const collateralBalances = useCollateralBalances();
-
-    const { data: collateralCurrencies = [] } = useCollateralCurrencies();
-
-    const depositCollateralList = useMemo(
-        () =>
-            generateCollateralList(
-                collateralBalances,
-                false,
-                collateralCurrencies
-            ),
-        [collateralBalances, collateralCurrencies]
-    );
-
-    const btnSize = isMobile ? ButtonSizes.sm : ButtonSizes.lg;
+    const btnSize = isMobile ? ButtonSizes.sm : undefined;
 
     return (
         <>
@@ -116,11 +128,11 @@ const Header = ({ showNavigation }: { showNavigation: boolean }) => {
                 />
                 <nav
                     data-cy='header'
-                    className='grid h-14 w-full grid-flow-col bg-neutral-800 px-4 tablet:h-[72px] tablet:px-5 laptop:h-20 laptop:grid-flow-col'
+                    className='grid h-14 w-full grid-flow-col bg-neutral-800 px-4 tablet:h-16 tablet:px-5 laptop:grid-flow-col'
                 >
-                    <div className='col-span-2 flex flex-row items-center gap-8 desktop:gap-12'>
-                        <Link href='/'>
-                            <SFLogo className='hidden desktop:inline desktop:h-5 desktop:w-[200px]' />
+                    <div className='col-span-2 flex flex-row items-center gap-6 largeDesktop:gap-8'>
+                        <Link href='/' className='flex'>
+                            <SFLogo className='hidden desktop:inline desktop:h-4 desktop:w-[160px] largeDesktop:h-5 largeDesktop:w-[200px]' />
                             <SFLogoSmall className='inline h-7 w-7 desktop:hidden' />
                         </Link>
                         {showNavigation && (
@@ -143,14 +155,15 @@ const Header = ({ showNavigation }: { showNavigation: boolean }) => {
                         )}
                     </div>
                     <div className='col-span-2 flex flex-row items-center justify-end gap-2 laptop:col-span-1 laptop:gap-2.5'>
+                        <PointsTag
+                            isConnected={isConnected}
+                            points={userPoints}
+                            handleOpenConnectWalletDialog={() =>
+                                setIsConnectWalletDialogOpen(true)
+                            }
+                        />
                         {isConnected && address ? (
                             <>
-                                <Button
-                                    size={btnSize}
-                                    onClick={() => setIsOpenDepositModal(true)}
-                                >
-                                    Deposit
-                                </Button>
                                 <NetworkSelector
                                     networkName={
                                         securedFinance?.config?.network ??
@@ -192,14 +205,16 @@ const Header = ({ showNavigation }: { showNavigation: boolean }) => {
                         </div>
                     </div>
                     <WalletDialog />
+                    <ConnectWalletDialog
+                        isOpen={isConnectWalletDialogOpen}
+                        onClose={() => setIsConnectWalletDialogOpen(false)}
+                        handleConnectWallet={() => {
+                            setIsConnectWalletDialogOpen(false);
+                            dispatch(setWalletDialogOpen(true));
+                        }}
+                    />
                 </nav>
             </div>
-            <DepositCollateral
-                isOpen={isOpenDepositModal}
-                onClose={() => setIsOpenDepositModal(false)}
-                collateralList={depositCollateralList}
-                source={'Header'}
-            />
         </>
     );
 };
@@ -228,10 +243,61 @@ const ItemLink = ({
                 text={text}
                 active={useCheckActive()}
                 isFullHeight
-                className='laptop:px-[1.875rem]'
+                className='laptop:w-[100px]'
             />
         </Link>
     );
 };
 
+const PointsTag = ({
+    points,
+    isConnected,
+    handleOpenConnectWalletDialog,
+}: {
+    points?: number;
+    isConnected: boolean;
+    handleOpenConnectWalletDialog: () => void;
+}) => {
+    const router = useRouter();
+    const showPoints = isConnected && points;
+
+    let pointsDisplay = '';
+
+    if (points) {
+        if (points < 1000) {
+            pointsDisplay = `${points} Points`;
+        } else if (points < 1000000) {
+            pointsDisplay = `${Math.floor(points / 100) / 10}K Points`;
+        } else {
+            pointsDisplay = `${Math.floor(points / 100000) / 10}M Points`;
+        }
+    }
+
+    const handleOnClick = () => {
+        if (isConnected) {
+            router.pathname !== '/points' && router.push('/points');
+            return;
+        }
+
+        handleOpenConnectWalletDialog();
+    };
+
+    return (
+        <button
+            onClick={() => handleOnClick()}
+            className={clsx(
+                'typography-mobile-body-5 tablet:typography-desktop-body-4 flex h-8 flex-shrink-0 items-center justify-center gap-1 rounded-lg bg-tertiary-700/30 px-2.5 py-[5px] font-semibold text-neutral-50 ring-1 ring-tertiary-500 hover:bg-tertiary-700 active:border-transparent tablet:h-10 tablet:rounded-xl tablet:ring-[1.5px]',
+                {
+                    'w-8 tablet:w-10 tablet:pr-2.5': !showPoints,
+                    'tablet:pr-3': showPoints,
+                }
+            )}
+            aria-label='Points Tag'
+        >
+            <Badge className='flex h-[13px] w-[13px] flex-shrink-0 tablet:h-4 tablet:w-4' />
+            {isConnected && points !== undefined && <>{pointsDisplay}</>}
+        </button>
+    );
+};
+
 export default Header;
diff --git a/src/components/organisms/Header/TradingDropdown.tsx b/src/components/organisms/Header/TradingDropdown.tsx
index 926096b70..e331fce5d 100644
--- a/src/components/organisms/Header/TradingDropdown.tsx
+++ b/src/components/organisms/Header/TradingDropdown.tsx
@@ -20,15 +20,18 @@ export const TradingDropdown = () => {
             {({ close }) => (
                 <>
                     <Menu.Button>
-                        <div className='group flex h-full w-full flex-col text-center'>
+                        <div className='group relative flex h-full w-full flex-col text-center'>
                             <div
-                                className={clsx('h-1 w-full', {
-                                    'bg-starBlue': isActive,
-                                })}
+                                className={clsx(
+                                    'absolute left-0 top-0 h-1 w-full',
+                                    {
+                                        'bg-starBlue': isActive,
+                                    }
+                                )}
                             />
                             <div
                                 className={clsx(
-                                    'flex h-full items-center justify-center gap-2 pl-[30px] pr-[23px]',
+                                    'flex h-full items-center justify-center gap-2 laptop:w-[100px]',
                                     {
                                         'bg-gradient-to-b from-tabGradient-blue-start to-tabGradient-blue-end':
                                             isActive,
@@ -37,10 +40,10 @@ export const TradingDropdown = () => {
                             >
                                 <p
                                     className={clsx(
-                                        'typography-nav-menu-default flex h-4 items-center gap-2.5 whitespace-nowrap text-neutral-8 duration-300 group-hover:opacity-100 group-hover:ease-in-out',
+                                        'typography-nav-menu-default flex h-4 items-center gap-1 whitespace-nowrap duration-300',
                                         {
-                                            'opacity-100': isActive,
-                                            'opacity-70': !isActive,
+                                            'text-neutral-50': isActive,
+                                            'text-neutral-200': !isActive,
                                         }
                                     )}
                                     data-testid={`${text}-tab`}
@@ -64,7 +67,7 @@ export const TradingDropdown = () => {
                         leaveFrom='transform scale-100 opacity-100'
                         leaveTo='transform scale-95 opacity-0'
                     >
-                        <Menu.Items className='absolute -left-[128px] top-20 flex w-[128px] flex-col rounded-b-xl bg-neutral-800 py-1'>
+                        <Menu.Items className='absolute -left-[100px] top-16 flex w-[128px] flex-col rounded-b-xl bg-neutral-800 py-1'>
                             {links.map((tradingLink, i) => {
                                 return (
                                     <Menu.Item
diff --git a/src/components/organisms/Header/constants.ts b/src/components/organisms/Header/constants.ts
index dba6b65be..0ed5041a6 100644
--- a/src/components/organisms/Header/constants.ts
+++ b/src/components/organisms/Header/constants.ts
@@ -9,6 +9,11 @@ export const PRODUCTION_LINKS = [
         link: '/portfolio',
         dataCy: 'history',
     },
+    {
+        text: 'Bridge',
+        link: '/bridge',
+        dataCy: 'bridge',
+    },
     {
         text: 'Points',
         link: '/points',
diff --git a/src/components/organisms/WalletPopover/WalletPopover.tsx b/src/components/organisms/WalletPopover/WalletPopover.tsx
index 82d29814f..15a7ef7bb 100644
--- a/src/components/organisms/WalletPopover/WalletPopover.tsx
+++ b/src/components/organisms/WalletPopover/WalletPopover.tsx
@@ -97,7 +97,7 @@ export const WalletPopover = ({
                         data-cy='popover-button'
                         aria-label='Wallet Popover Button'
                         className={clsx(
-                            'flex items-center gap-x-1 rounded-lg bg-neutral-800 py-2 pl-2 pr-1 ring-1 hover:bg-white-10 hover:ring-white-10 focus:outline-none tablet:gap-x-1.5 tablet:rounded-xl tablet:px-4 tablet:py-3 tablet:pl-3 tablet:pr-2 tablet:ring-[1.5px]',
+                            'flex items-center gap-x-1 rounded-lg bg-neutral-800 py-2 pl-2 pr-1 ring-1 hover:bg-white-10 hover:ring-white-10 focus:outline-none tablet:gap-x-1.5 tablet:rounded-xl tablet:py-2.5 tablet:pl-3 tablet:pr-2 tablet:ring-[1.5px]',
                             {
                                 'bg-white-10 ring-white-10': open,
                                 'ring-neutral-500': !open,
diff --git a/src/components/organisms/index.ts b/src/components/organisms/index.ts
index c0aee243d..f354c7dd7 100644
--- a/src/components/organisms/index.ts
+++ b/src/components/organisms/index.ts
@@ -5,6 +5,7 @@ export * from './CollateralInput';
 export * from './CollateralOrganism';
 export * from './CollateralTab';
 export * from './ConnectWalletCard';
+export * from './ConnectWalletDialog';
 export * from './DepositCollateral';
 export * from './EmergencyRedeemDialog';
 export * from './GlobalItayoseMultiCurveChart';
diff --git a/src/components/pages/Campaign/Campaign.tsx b/src/components/pages/Campaign/Campaign.tsx
index 27a2b86e7..788e14cd5 100644
--- a/src/components/pages/Campaign/Campaign.tsx
+++ b/src/components/pages/Campaign/Campaign.tsx
@@ -62,7 +62,7 @@ export const Campaign = () => {
     return (
         <div className='campaign'>
             {/* eslint-disable-next-line prettier/prettier */}
-            <div className='container mx-auto flex flex-col gap-3 px-6 pb-8 pt-6  tablet:gap-7 laptop:gap-14 laptop:pb-[80px] laptop:pt-10 min-[1920px]:max-w-[1776px]'>
+            <div className='container mx-auto flex flex-col gap-3 px-6 pb-8 pt-6  tablet:gap-7 laptop:gap-14 laptop:pb-[80px] laptop:pt-10 largeDesktop:max-w-[1776px]'>
                 <div className='flex justify-center'>
                     <div className='flex w-full flex-col items-center gap-2 tablet:gap-3 laptop:gap-4 desktop:gap-6'>
                         <Banner text='STAGE 2: ORBITAL CONTRACTS'></Banner>
diff --git a/src/components/pages/EmergencyGlobalSettlement/EmergencyGlobalSettlement.stories.tsx b/src/components/pages/EmergencyGlobalSettlement/EmergencyGlobalSettlement.stories.tsx
index 4d4e590ec..4b32c1e0b 100644
--- a/src/components/pages/EmergencyGlobalSettlement/EmergencyGlobalSettlement.stories.tsx
+++ b/src/components/pages/EmergencyGlobalSettlement/EmergencyGlobalSettlement.stories.tsx
@@ -1,5 +1,9 @@
 import { RESPONSIVE_PARAMETERS } from '.storybook/constants';
-import { withAppLayout, withWalletProvider } from '.storybook/decorators';
+import {
+    WithGraphClient,
+    withAppLayout,
+    withWalletProvider,
+} from '.storybook/decorators';
 import { Meta, StoryFn } from '@storybook/react';
 import { EmergencyGlobalSettlement } from './EmergencyGlobalSettlement';
 
@@ -12,7 +16,7 @@ export default {
         layout: 'fullscreen',
         connected: true,
     },
-    decorators: [withAppLayout, withWalletProvider],
+    decorators: [withAppLayout, withWalletProvider, WithGraphClient],
 } as Meta<typeof EmergencyGlobalSettlement>;
 
 const Template: StoryFn<typeof EmergencyGlobalSettlement> = () => (
diff --git a/src/components/pages/Faucet/Faucet.stories.tsx b/src/components/pages/Faucet/Faucet.stories.tsx
index 6a004a62b..8752eefbf 100644
--- a/src/components/pages/Faucet/Faucet.stories.tsx
+++ b/src/components/pages/Faucet/Faucet.stories.tsx
@@ -1,6 +1,7 @@
 import { RESPONSIVE_PARAMETERS } from '.storybook/constants';
 import type { Meta, StoryFn } from '@storybook/react';
 import {
+    WithGraphClient,
     withAppLayout,
     withBalance,
     withWalletProvider,
@@ -11,7 +12,12 @@ export default {
     title: 'Pages/Faucet',
     component: Faucet,
     args: {},
-    decorators: [withAppLayout, withBalance, withWalletProvider],
+    decorators: [
+        withAppLayout,
+        withBalance,
+        withWalletProvider,
+        WithGraphClient,
+    ],
     parameters: {
         ...RESPONSIVE_PARAMETERS,
         layout: 'fullscreen',
diff --git a/src/components/pages/GlobalItayose/GlobalItayose.stories.tsx b/src/components/pages/GlobalItayose/GlobalItayose.stories.tsx
index 018b09e23..2ecfe8801 100644
--- a/src/components/pages/GlobalItayose/GlobalItayose.stories.tsx
+++ b/src/components/pages/GlobalItayose/GlobalItayose.stories.tsx
@@ -1,5 +1,9 @@
 import { RESPONSIVE_PARAMETERS } from '.storybook/constants';
-import { withAppLayout, withWalletProvider } from '.storybook/decorators';
+import {
+    WithGraphClient,
+    withAppLayout,
+    withWalletProvider,
+} from '.storybook/decorators';
 import { Meta, StoryFn } from '@storybook/react';
 import { GlobalItayose } from './GlobalItayose';
 
@@ -11,7 +15,7 @@ export default {
         layout: 'fullscreen',
         ...RESPONSIVE_PARAMETERS,
     },
-    decorators: [withAppLayout, withWalletProvider],
+    decorators: [withAppLayout, withWalletProvider, WithGraphClient],
 } as Meta<typeof GlobalItayose>;
 
 const Template: StoryFn<typeof GlobalItayose> = () => <GlobalItayose />;
diff --git a/src/components/pages/Landing/Landing.test.tsx b/src/components/pages/Landing/Landing.test.tsx
index a4c6ff8b4..af3163b03 100644
--- a/src/components/pages/Landing/Landing.test.tsx
+++ b/src/components/pages/Landing/Landing.test.tsx
@@ -268,7 +268,7 @@ describe('Landing Component', () => {
         });
     });
 
-    it('should render the itayose banner for opening of a new market', async () => {
+    it.skip('should render the itayose banner for opening of a new market', async () => {
         await waitFor(() => {
             render(<Default />, {
                 apolloMocks: Default.parameters?.apolloClient.mocks,
diff --git a/src/components/pages/PointsDashboard/PointsDashboard.test.tsx b/src/components/pages/PointsDashboard/PointsDashboard.test.tsx
index 786de717c..9c950b835 100644
--- a/src/components/pages/PointsDashboard/PointsDashboard.test.tsx
+++ b/src/components/pages/PointsDashboard/PointsDashboard.test.tsx
@@ -22,7 +22,7 @@ describe('PointsDashboard Component', () => {
             screen.getByText('Join the Secured Finance Points Program!')
         ).toBeInTheDocument();
         expect(
-            screen.getByRole('button', { name: 'Join' })
+            screen.queryAllByRole('button', { name: 'Connect Wallet' })[1]
         ).toBeInTheDocument();
     });
 });
diff --git a/src/components/pages/PointsDashboard/PointsDashboard.tsx b/src/components/pages/PointsDashboard/PointsDashboard.tsx
index 769a8600d..87e8a2d87 100644
--- a/src/components/pages/PointsDashboard/PointsDashboard.tsx
+++ b/src/components/pages/PointsDashboard/PointsDashboard.tsx
@@ -346,7 +346,7 @@ const UserPointInfo = ({ chainId }: { chainId: number }) => {
                                 }}
                                 disabled={!isConnected || isLoading || loading}
                             >
-                                Join
+                                {!isConnected ? 'Connect Wallet' : 'Join'}
                             </Button>
                         </>
                     )}
diff --git a/src/stories/mocks/queries.ts b/src/stories/mocks/queries.ts
index 65a8a5f5f..b7077aa0c 100644
--- a/src/stories/mocks/queries.ts
+++ b/src/stories/mocks/queries.ts
@@ -1,5 +1,6 @@
 import { toBytes32 } from '@secured-finance/sf-graph-client';
 import queries from '@secured-finance/sf-graph-client/dist/graphclients';
+import { GetUserDocument } from '@secured-finance/sf-point-client';
 import { OrderType, TransactionList } from 'src/types';
 import { Maturity } from 'src/utils/entities';
 import {
@@ -1061,3 +1062,27 @@ export const mockTransactionCandleStick = [
         },
     },
 ];
+
+export const userPoints = [
+    {
+        request: {
+            query: GetUserDocument,
+        },
+        result: {
+            data: {
+                user: {
+                    id: '1',
+                    walletAddress: '0x123',
+                    point: 164,
+                    rank: 1,
+                    joindAt: '2024-05-30T13:39:49.165Z',
+                    referralCode: 'ABCDEFG123',
+                    pointDetails: {
+                        deposit: 100,
+                        referral: 50,
+                    },
+                },
+            },
+        },
+    },
+];
diff --git a/src/utils/links.tsx b/src/utils/links.tsx
index 5152cd0ff..c3ba447d5 100644
--- a/src/utils/links.tsx
+++ b/src/utils/links.tsx
@@ -33,7 +33,7 @@ export const LinkList: ExternalLink[] = [
     },
     {
         text: 'Join us on Discord',
-        href: 'https://discord.com/invite/FqrdfQgmjT',
+        href: 'https://discord.gg/3kytCrv3qY',
         icon: <Discord className='h-5 w-5 text-white' />,
     },
 ];
diff --git a/tailwind.config.js b/tailwind.config.js
index 879fa61ab..4010fa03d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -93,6 +93,7 @@ module.exports = {
             tablet: '768px',
             laptop: '1024px',
             desktop: '1440px',
+            largeDesktop: '1920px',
             horizontalTab: '1120px',
         },