From ea2582b658f775098bb11e2e8a88f97a3a942b07 Mon Sep 17 00:00:00 2001
From: Geolffrey Mena <gmjun2000@gmail.com>
Date: Mon, 20 Jan 2025 20:24:52 -0600
Subject: [PATCH] design: improved size of invite to refer

---
 package-lock.json                                          | 4 ++--
 src/sections/finance/components/finance-earn-tokens.tsx    | 4 ++--
 src/sections/finance/components/finance-invite-friends.tsx | 2 +-
 src/sections/finance/index.tsx                             | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ecdbbc18..00c039aa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "watchit",
-  "version": "2.2.0-beta.12",
+  "version": "2.2.0-beta.13",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "watchit",
-      "version": "2.2.0-beta.12",
+      "version": "2.2.0-beta.13",
       "dependencies": {
         "@emailjs/browser": "^4.4.1",
         "@helia/unixfs": "^4.0.1",
diff --git a/src/sections/finance/components/finance-earn-tokens.tsx b/src/sections/finance/components/finance-earn-tokens.tsx
index 63bb9644..d0c9df0b 100644
--- a/src/sections/finance/components/finance-earn-tokens.tsx
+++ b/src/sections/finance/components/finance-earn-tokens.tsx
@@ -73,7 +73,7 @@ const FinanceEarnTokens: FC<FinanceEarnTokensProps> = ({ sx, lgUp, ...other }) =
             <Typography
               variant="body1"
               sx={{
-                display: { xs: 'none', md: 'flex' },
+                display: {  md: 'flex' },
                 maxWidth: 250,
                 mb: 1,
                 whiteSpace: 'pre-line',
@@ -107,7 +107,7 @@ const FinanceEarnTokens: FC<FinanceEarnTokensProps> = ({ sx, lgUp, ...other }) =
               sx={{
                 opacity: 0.8,
                 maxWidth: lgUp ? 220 : 'auto',
-                mb: { xs: 1, xl: 2 },
+                mb: { xs: 2, xl: 2 },
               }}
             >
               Invite your friends and complete tasks to grow your balance.
diff --git a/src/sections/finance/components/finance-invite-friends.tsx b/src/sections/finance/components/finance-invite-friends.tsx
index 6473b0f7..486331a3 100644
--- a/src/sections/finance/components/finance-invite-friends.tsx
+++ b/src/sections/finance/components/finance-invite-friends.tsx
@@ -142,7 +142,7 @@ export default function FinanceInviteFriends({
             >
               <Box
                 sx={{
-                  typography: 'h2',
+                  typography: 'h1',
                   color: 'warning.main',
                   textShadow: `1px 1px 5px ${COLORS.GRAY_LIGHT}`,
                 }}
diff --git a/src/sections/finance/index.tsx b/src/sections/finance/index.tsx
index b8caedb1..9804304b 100644
--- a/src/sections/finance/index.tsx
+++ b/src/sections/finance/index.tsx
@@ -128,7 +128,7 @@ export default function OverviewBankingView() {
 
             <FinanceInviteFriends
               price="50"
-              title={`Invite friends \n and earn`}
+              title={`Refer and Earn!`}
               description="Invite your friends to join our platform and earn MMC 50 for each successful referral."
               img="/assets/illustrations/characters/character_11.png"
             />