diff --git a/src/components/common/AddFunds/index.tsx b/src/components/common/AddFunds/index.tsx
index 522276873a..70e4432a06 100644
--- a/src/components/common/AddFunds/index.tsx
+++ b/src/components/common/AddFunds/index.tsx
@@ -5,7 +5,7 @@ import { useCurrentChain } from '@/hooks/useChains'
 import useSafeAddress from '@/hooks/useSafeAddress'
 import { useAppDispatch, useAppSelector } from '@/store'
 import { selectSettings, setQrShortName } from '@/store/settingsSlice'
-import BuyCryproButton from '@/components/common/BuyCryproButton'
+import BuyCryptoButton from '@/components/common/BuyCryptoButton'
 
 const AddFundsCTA = () => {
   const safeAddress = useSafeAddress()
@@ -17,7 +17,7 @@ const AddFundsCTA = () => {
 
   return (
     <Paper>
-      <Grid container gap={3} alignItems="center" justifyContent="center" py={10} px={2}>
+      <Grid container gap={3} alignItems="center" justifyContent="center" p={4}>
         <Grid item>
           <div>
             <Box p={2} border="1px solid" borderColor="border.light" borderRadius={1} display="inline-block">
@@ -58,7 +58,7 @@ const AddFundsCTA = () => {
             </Grid>
             <Grid item xs={12} lg={4}>
               <Typography mb={1}>Buy crypto with fiat:</Typography>
-              <BuyCryproButton />
+              <BuyCryptoButton />
             </Grid>
           </Grid>
         </Grid>
diff --git a/src/components/common/BuyCryproButton/index.tsx b/src/components/common/BuyCryptoButton/index.tsx
similarity index 98%
rename from src/components/common/BuyCryproButton/index.tsx
rename to src/components/common/BuyCryptoButton/index.tsx
index fe16275223..dfd037e564 100644
--- a/src/components/common/BuyCryproButton/index.tsx
+++ b/src/components/common/BuyCryptoButton/index.tsx
@@ -110,9 +110,9 @@ const _BuyCryptoButton = ({ href, pagePath }: { href?: LinkProps['href']; pagePa
   )
 }
 
-const BuyCryproButton = madProps(_BuyCryptoButton, {
+const BuyCryptoButton = madProps(_BuyCryptoButton, {
   href: useBuyCryptoHref,
   pagePath: usePathname,
 })
 
-export default BuyCryproButton
+export default BuyCryptoButton
diff --git a/src/components/common/BuyCryproButton/styles.module.css b/src/components/common/BuyCryptoButton/styles.module.css
similarity index 100%
rename from src/components/common/BuyCryproButton/styles.module.css
rename to src/components/common/BuyCryptoButton/styles.module.css
diff --git a/src/components/dashboard/Overview/Overview.tsx b/src/components/dashboard/Overview/Overview.tsx
index b60e7d5915..7d6a37126c 100644
--- a/src/components/dashboard/Overview/Overview.tsx
+++ b/src/components/dashboard/Overview/Overview.tsx
@@ -20,7 +20,7 @@ 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'
+import BuyCryptoButton from '@/components/common/BuyCryptoButton'
 
 const ValueSkeleton = () => <Skeleton variant="text" width={20} />
 
@@ -182,7 +182,7 @@ const Overview = (): ReactElement => {
             <Grid item mt="auto">
               <Grid container mt={3} spacing={1} flexWrap="wrap">
                 <Grid item xs={12} sm="auto">
-                  <BuyCryproButton />
+                  <BuyCryptoButton />
                 </Grid>
 
                 <Grid item xs={6} sm="auto">