diff --git a/src/components/EstimatedRewards/index.tsx b/src/components/EstimatedRewards/index.tsx
index 67fe8b0..0d798d1 100644
--- a/src/components/EstimatedRewards/index.tsx
+++ b/src/components/EstimatedRewards/index.tsx
@@ -7,10 +7,9 @@ import { writeContract } from 'wagmi/actions';
 import RSS3 from '@/assets/logos/rss3.svg';
 import TON from '@/assets/logos/ton.svg';
 import { MainButton } from '@/components/MainButton.js';
-import { REWARD_CONTRACT } from '@/constants/index.js';
+import { POOL_ID,REWARD_CONTRACT  } from '@/constants/index.js';
 import { Image } from '@/esm/Image.js';
 import { stakeAPI } from '@/providers/StakeAPI.js';
-import { POOL_ID } from '@/constants/index.js';
 
 interface EstimatedRewardsProps {
     rewardToken: string;
diff --git a/src/components/ProfileCard/index.tsx b/src/components/ProfileCard/index.tsx
index ee82e2f..f5417ca 100644
--- a/src/components/ProfileCard/index.tsx
+++ b/src/components/ProfileCard/index.tsx
@@ -3,10 +3,10 @@
 import { useQuery } from '@tanstack/react-query';
 import { useAccount } from 'wagmi';
 
+import { POOL_ID } from '@/constants/index.js';
 import { Image } from '@/esm/Image.js';
 import { formatAddress } from '@/helpers/formatAddress.js';
 import { stakeAPI } from '@/providers/StakeAPI.js';
-import { POOL_ID } from '@/constants/index.js';
 
 export function ProfileCard() {
     const { address } = useAccount();
diff --git a/src/components/ProjectDetailCard/index.tsx b/src/components/ProjectDetailCard/index.tsx
index fbf36ad..518a856 100644
--- a/src/components/ProjectDetailCard/index.tsx
+++ b/src/components/ProjectDetailCard/index.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useQuery } from '@tanstack/react-query';
+import dayjs from 'dayjs';
 import { useMemo } from 'react';
 import { readContract } from 'wagmi/actions';
 
@@ -14,7 +15,6 @@ import { publicClient } from '@/configs/wagmiClient.js';
 import { CHAIN_ID, POOL_ID, STAKE_MANAGER_CONTRACT } from '@/constants/index.js';
 import { Image } from '@/esm/Image.js';
 import { stakeAPI } from '@/providers/StakeAPI.js';
-import dayjs from 'dayjs';
 
 interface ProjectCardProps {
     setIsOpen: (isOpen: boolean) => void;
diff --git a/src/components/StakeRanking/index.tsx b/src/components/StakeRanking/index.tsx
index 3c548f4..d0d768e 100644
--- a/src/components/StakeRanking/index.tsx
+++ b/src/components/StakeRanking/index.tsx
@@ -1,12 +1,13 @@
 "use client"
 
+import { useQuery } from '@tanstack/react-query';
+
 import { Staker } from '@/components/StakeRanking/Staker.js';
 import { TopStaker } from '@/components/StakeRanking/TopStaker.js';
 import { POOL_ID } from '@/constants/index.js';
 import { Image } from '@/esm/Image.js';
 import { formatAddress } from '@/helpers/formatAddress.js';
 import { stakeAPI } from '@/providers/StakeAPI.js';
-import { useQuery } from '@tanstack/react-query';
 
 export function StakeRanking() {
     const { data: rankingList } = useQuery({
@@ -40,12 +41,11 @@ export function StakeRanking() {
             />
             <div className="z-10 text-[24px] font-bold text-neutrals2">Staking Ranking</div>
             <div className="z-10 mt-[64px] flex w-full items-center justify-center">
-                {rankingList?.length &&
-                    <TopStaker
+                {rankingList?.length ? <TopStaker
                         avatar={rankingList[0]?.twitter_image || '/maskAvatar.svg'}
                         name={rankingList[0]?.twitter_display_name || formatAddress(rankingList[0].address)}
                         amount={Number(rankingList[0]?.stake_amount) || 0}
-                    />}
+                    /> : null}
             </div>
             <div className="mt-[28px] grid grid-cols-[repeat(auto-fill,minmax(90px,1fr))] gap-[28px]">
                 {rankingList?.slice(1).map((item, index) => (