diff --git a/packages/web/components/MegaMenu/PlayerStatsBar.tsx b/packages/web/components/MegaMenu/PlayerStatsBar.tsx
index 019a13da..f9aba089 100644
--- a/packages/web/components/MegaMenu/PlayerStatsBar.tsx
+++ b/packages/web/components/MegaMenu/PlayerStatsBar.tsx
@@ -100,7 +100,7 @@ export const PlayerStatsBar = () => {
-
+
>
)}
diff --git a/packages/web/components/MegaMenu/XPSeedsBalance.tsx b/packages/web/components/MegaMenu/XPSeedsBalance.tsx
index 65f8b97b..d83a87c9 100644
--- a/packages/web/components/MegaMenu/XPSeedsBalance.tsx
+++ b/packages/web/components/MegaMenu/XPSeedsBalance.tsx
@@ -10,9 +10,13 @@ const { amountToDecimal } = numbers;
// Display player XP and Seed
type Props = {
totalXP: number;
+ mobile?: boolean;
};
// Display player XP and Seed
-export const XPSeedsBalance: React.FC = ({ totalXP }) => {
+export const XPSeedsBalance: React.FC = ({
+ totalXP,
+ mobile = false,
+}) => {
const { pSeedBalance } = usePSeedBalance();
return (
@@ -26,8 +30,18 @@ export const XPSeedsBalance: React.FC = ({ totalXP }) => {
py={1}
minW="fit-content"
>
-
-
+
+
{Math.trunc(totalXP).toLocaleString()}
@@ -45,9 +59,14 @@ export const XPSeedsBalance: React.FC = ({ totalXP }) => {
src={SeedMarket}
alignSelf="center"
alt="Seed"
- boxSize="1rem"
+ boxSize={mobile ? '1.5rem' : '1rem'}
/>
-
+
{parseInt(
amountToDecimal(pSeedBalance || '0', 18),
10,