diff --git a/src/components/dashboard/Overview/Overview.tsx b/src/components/dashboard/Overview/Overview.tsx
index b60e7d5915..81c0adb606 100644
--- a/src/components/dashboard/Overview/Overview.tsx
+++ b/src/components/dashboard/Overview/Overview.tsx
@@ -1,3 +1,4 @@
+import Track from '@/components/common/Track'
 import QrCodeButton from '@/components/sidebar/QrCodeButton'
 import { TxModalContext } from '@/components/tx-flow'
 import { NewTxFlow } from '@/components/tx-flow/flows'
@@ -5,80 +6,37 @@ import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
 import { useAppSelector } from '@/store'
 import { selectCurrency } from '@/store/settingsSlice'
 import { formatCurrency } from '@/utils/formatNumber'
-import type { ReactElement } from 'react'
-import { useContext, useMemo } from 'react'
-import { useRouter } from 'next/router'
-import Link from 'next/link'
-import { Box, Button, Divider, Grid, Skeleton, Typography } from '@mui/material'
-import { Card, WidgetBody, WidgetContainer } from '../styled'
+import { useContext, useMemo, type ReactElement } from 'react'
+import { Button, Grid, Skeleton, Typography } from '@mui/material'
+import { WidgetBody, WidgetContainer } from '../styled'
 import useSafeInfo from '@/hooks/useSafeInfo'
-import { useCurrentChain } from '@/hooks/useChains'
-import ChainIndicator from '@/components/common/ChainIndicator'
-import { AppRoutes } from '@/config/routes'
-import useCollectibles from '@/hooks/useCollectibles'
-import type { UrlObject } from 'url'
 import { useVisibleBalances } from '@/hooks/useVisibleBalances'
 import ArrowIconNW from '@/public/images/common/arrow-top-right.svg'
 import ArrowIconSE from '@/public/images/common/arrow-se.svg'
 import BuyCryproButton from '@/components/common/BuyCryproButton'
 
-const ValueSkeleton = () => <Skeleton variant="text" width={20} />
-
 const SkeletonOverview = (
-  <Card>
-    <Grid container>
-      <Grid item xs={12}>
-        <Box mb={2}>
-          <Skeleton variant="text" width={100} height={21} />
-          <Skeleton variant="text" width={120} height={40} />
-        </Box>
-
-        <Box position="absolute" right="24px" top="24px">
-          <Skeleton variant="text" width="80px" />
-        </Box>
-
-        <Divider sx={{ mb: '12px' }} />
+  <>
+    <Grid container pb={2} mt={3} gap={2} alignItems="flex-end" justifyContent="space-between">
+      <Grid item>
+        <Skeleton variant="text" width={100} height={30} />
+        <Skeleton variant="rounded" width={160} height={40} />
       </Grid>
-    </Grid>
-    <Grid container>
-      <Grid item container xs={6} gap={2}>
-        <Typography
-          color="border.main"
-          variant="caption"
-          fontWeight="bold"
-          display="flex"
-          gap={1}
-          textTransform="uppercase"
-        >
-          <ValueSkeleton /> Tokens
-        </Typography>
-        <Typography
-          color="border.main"
-          variant="caption"
-          fontWeight="bold"
-          display="flex"
-          gap={1}
-          textTransform="uppercase"
-        >
-          <ValueSkeleton /> NFTs
-        </Typography>
+
+      <Grid item>
+        <Grid container gap={1} flexWrap="wrap">
+          <Skeleton variant="rounded" width="115px" height="40px" />
+          <Skeleton variant="rounded" width="115px" height="40px" />
+        </Grid>
       </Grid>
     </Grid>
-    <Grid container mt={3} gap={1}>
-      <Skeleton variant="rounded" width="115px" height="40px" />
-      <Skeleton variant="rounded" width="115px" height="40px" />
-    </Grid>
-  </Card>
+  </>
 )
 
 const Overview = (): ReactElement => {
   const currency = useAppSelector(selectCurrency)
-  const router = useRouter()
   const { safeLoading, safeLoaded } = useSafeInfo()
   const { balances, loading: balancesLoading } = useVisibleBalances()
-  const [nfts, , nftsLoading] = useCollectibles()
-  const chain = useCurrentChain()
-  const { chainId } = chain || {}
   const { setTxFlow } = useContext(TxModalContext)
 
   const fiatTotal = useMemo(
@@ -86,21 +44,8 @@ const Overview = (): ReactElement => {
     [currency, balances.fiatTotal],
   )
 
-  const assetsLink: UrlObject = {
-    pathname: AppRoutes.balances.index,
-    query: { safe: router.query.safe },
-  }
-  const nftsLink: UrlObject = {
-    pathname: AppRoutes.balances.nfts,
-    query: { safe: router.query.safe },
-  }
-
-  // Native token is always returned even when its balance is 0
-  const tokenCount = useMemo(() => balances.items.filter((token) => token.balance !== '0').length, [balances])
-  const nftsCount = useMemo(() => (nfts ? `${nfts.next ? '>' : ''}${nfts.results.length}` : ''), [nfts])
-
   const isInitialState = !safeLoaded && !safeLoading
-  const isLoading = safeLoading || balancesLoading || nftsLoading || isInitialState
+  const isLoading = safeLoading || balancesLoading || isInitialState
 
   const handleOnSend = () => {
     setTxFlow(<NewTxFlow />, undefined, false)
@@ -109,104 +54,52 @@ const Overview = (): ReactElement => {
 
   return (
     <WidgetContainer>
-      <Typography component="h2" variant="subtitle1" fontWeight={700} mb={2}>
-        Overview
-      </Typography>
-
       <WidgetBody>
         {isLoading ? (
           SkeletonOverview
         ) : (
-          <Card style={{ display: 'flex', flexDirection: 'column' }}>
-            <Grid container pb={2}>
+          <>
+            <Grid container pb={2} mt={3} gap={2} alignItems="flex-end" justifyContent="space-between">
               <Grid item>
-                <Typography variant="body2" color="primary.light">
+                <Typography color="primary.light" fontWeight="bold" mb={1}>
                   Total asset value
                 </Typography>
-                <Typography variant="h2">{fiatTotal}</Typography>
+                <Typography component="div" variant="h1" fontSize={44} lineHeight="40px">
+                  {fiatTotal}
+                </Typography>
               </Grid>
-              <Grid item xs />
 
               <Grid item>
-                <ChainIndicator chainId={chainId} inline />
-              </Grid>
-            </Grid>
-
-            <Divider />
-
-            <Grid container pt="12px">
-              <Grid item container xs={6} gap={1}>
-                <Link href={assetsLink} passHref>
-                  <Box
-                    sx={{
-                      display: 'flex',
-                      borderRight: '1px solid',
-                      borderColor: ({ palette }) => palette.border.light,
-                      gap: 0.5,
-                      pr: 1,
-                    }}
-                  >
-                    <Typography variant="caption" component="span">
-                      {balancesLoading ? <ValueSkeleton /> : tokenCount}
-                    </Typography>{' '}
-                    <Typography
-                      variant="caption"
-                      component="span"
-                      color="border.main"
-                      textTransform="uppercase"
-                      fontWeight="bold"
-                    >
-                      Tokens
-                    </Typography>
-                  </Box>
-                </Link>
-
-                <Link href={nftsLink} passHref>
-                  <Box display="flex" pr={1} gap={0.5}>
-                    <Typography variant="caption" component="span">
-                      {nftsCount || <ValueSkeleton />}
-                    </Typography>{' '}
-                    <Typography
-                      variant="caption"
-                      component="span"
-                      color="border.main"
-                      textTransform="uppercase"
-                      fontWeight="bold"
+                <Grid container spacing={1} flexWrap="wrap">
+                  <Grid item xs={12} sm="auto">
+                    <BuyCryproButton />
+                  </Grid>
+
+                  <Grid item xs={6} sm="auto">
+                    <Button
+                      onClick={handleOnSend}
+                      size="small"
+                      variant="outlined"
+                      color="primary"
+                      startIcon={<ArrowIconNW />}
+                      fullWidth
                     >
-                      NFTs
-                    </Typography>
-                  </Box>
-                </Link>
-              </Grid>
-            </Grid>
-            <Grid item mt="auto">
-              <Grid container mt={3} spacing={1} flexWrap="wrap">
-                <Grid item xs={12} sm="auto">
-                  <BuyCryproButton />
-                </Grid>
-
-                <Grid item xs={6} sm="auto">
-                  <Button
-                    onClick={handleOnSend}
-                    size="small"
-                    variant="outlined"
-                    color="primary"
-                    startIcon={<ArrowIconNW />}
-                    fullWidth
-                  >
-                    Send
-                  </Button>
-                </Grid>
-                <Grid item xs={6} sm="auto">
-                  <QrCodeButton>
-                    <Button size="small" variant="outlined" color="primary" startIcon={<ArrowIconSE />} fullWidth>
-                      Receive
+                      Send
                     </Button>
-                  </QrCodeButton>
+                  </Grid>
+                  <Grid item xs={6} sm="auto">
+                    <Track {...OVERVIEW_EVENTS.SHOW_QR} label="dashboard">
+                      <QrCodeButton>
+                        <Button size="small" variant="outlined" color="primary" startIcon={<ArrowIconSE />} fullWidth>
+                          Receive
+                        </Button>
+                      </QrCodeButton>
+                    </Track>
+                  </Grid>
                 </Grid>
               </Grid>
             </Grid>
-          </Card>
+          </>
         )}
       </WidgetBody>
     </WidgetContainer>
diff --git a/src/components/dashboard/index.tsx b/src/components/dashboard/index.tsx
index 75d8d96613..f72bc36909 100644
--- a/src/components/dashboard/index.tsx
+++ b/src/components/dashboard/index.tsx
@@ -28,7 +28,7 @@ const Dashboard = (): ReactElement => {
       <Grid container spacing={3}>
         {supportsRecovery && <RecoveryHeader />}
 
-        <Grid item xs={12} lg={6}>
+        <Grid item xs={12}>
           <Overview />
         </Grid>
 
diff --git a/src/components/sidebar/SidebarHeader/index.tsx b/src/components/sidebar/SidebarHeader/index.tsx
index 1b0fe8617b..01346caac6 100644
--- a/src/components/sidebar/SidebarHeader/index.tsx
+++ b/src/components/sidebar/SidebarHeader/index.tsx
@@ -77,7 +77,7 @@ const SafeHeader = (): ReactElement => {
         </div>
 
         <div className={css.iconButtons}>
-          <Track {...OVERVIEW_EVENTS.SHOW_QR}>
+          <Track {...OVERVIEW_EVENTS.SHOW_QR} label="sidebar">
             <QrCodeButton>
               <Tooltip title="Open QR code" placement="top">
                 <IconButton className={css.iconButton}>