diff --git a/public/images/pie-chart-4.png b/public/images/pie-chart-4.png
new file mode 100644
index 000000000..dda3a07b8
Binary files /dev/null and b/public/images/pie-chart-4.png differ
diff --git a/public/images/wave-chart-2.png b/public/images/wave-chart-2.png
new file mode 100644
index 000000000..b32350dd3
Binary files /dev/null and b/public/images/wave-chart-2.png differ
diff --git a/src/modules/PublicSale/BuyForm/index.tsx b/src/modules/PublicSale/BuyForm/index.tsx
index 56e89ee02..73d31b109 100644
--- a/src/modules/PublicSale/BuyForm/index.tsx
+++ b/src/modules/PublicSale/BuyForm/index.tsx
@@ -142,23 +142,23 @@ const PrivateSaleForm = ({ vcInfo }: { vcInfo?: VCInfo }) => {
               <Text>
                 {token
                   ? `$${formatCurrency(
-                      userContributeInfo?.usdt_value,
-                      MIN_DECIMAL,
-                      MIN_DECIMAL,
-                      'BTC',
-                      true,
-                    )}`
+                    userContributeInfo?.usdt_value,
+                    MIN_DECIMAL,
+                    MIN_DECIMAL,
+                    'BTC',
+                    true,
+                  )}`
                   : '-'}
               </Text>
-              <Text color={"rgba(255, 255, 255, 0.7)"} fontSize={"12px"} fontWeight={"500"}>
+              <Text color={'rgba(255, 255, 255, 0.7)'} fontSize={'12px'} fontWeight={'500'}>
                 {token
                   ? `(${formatCurrency(
-                      userContributeInfo?.bvm_balance_not_boost,
-                      MIN_DECIMAL,
-                      MAX_DECIMAL,
-                      'BTC',
-                      false,
-                    )} BVM)`
+                    userContributeInfo?.bvm_balance_not_boost,
+                    MIN_DECIMAL,
+                    MAX_DECIMAL,
+                    'BTC',
+                    false,
+                  )} BVM)`
                   : '-'}
               </Text>
             </Flex>
@@ -177,26 +177,29 @@ const PrivateSaleForm = ({ vcInfo }: { vcInfo?: VCInfo }) => {
               <Text fontSize={'12px'} fontWeight={'500'} className={s.youGet}>
                 {token
                   ? formatCurrency(
-                      userContributeInfo?.bvm_balance,
-                      MIN_DECIMAL,
-                      MAX_DECIMAL,
-                    )
+                    userContributeInfo?.bvm_balance,
+                    MIN_DECIMAL,
+                    MAX_DECIMAL,
+                  )
                   : '-'}{' '}
                 BVM
               </Text>
               <Flex
                 gap={1}
                 alignItems={'center'}
-                bg={"linear-gradient(90deg, rgba(0, 245, 160, 0.15) 0%, rgba(0, 217, 245, 0.15) 100%)"}
-                borderRadius={"100px"}
-                p={"2px 6px"}
+                bg={'linear-gradient(90deg, rgba(0, 245, 160, 0.15) 0%, rgba(0, 217, 245, 0.15) 100%)'}
+                borderRadius={'100px'}
+                p={'2px 6px'}
               >
-                <svg width="9" height="12" viewBox="0 0 9 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <path d="M8.66601 5.18883H5.39329L6.12056 0.825195L0.666016 7.37065H3.93874L3.21147 11.7343L8.66601 5.18883Z" fill="url(#paint0_linear_30246_12163)"/>
+                <svg width='9' height='12' viewBox='0 0 9 12' fill='none' xmlns='http://www.w3.org/2000/svg'>
+                  <path
+                    d='M8.66601 5.18883H5.39329L6.12056 0.825195L0.666016 7.37065H3.93874L3.21147 11.7343L8.66601 5.18883Z'
+                    fill='url(#paint0_linear_30246_12163)' />
                   <defs>
-                    <linearGradient id="paint0_linear_30246_12163" x1="0.666016" y1="6.27974" x2="8.66601" y2="6.27974" gradientUnits="userSpaceOnUse">
-                      <stop stop-color="#00F5A0"/>
-                      <stop offset="1" stop-color="#00D9F5"/>
+                    <linearGradient id='paint0_linear_30246_12163' x1='0.666016' y1='6.27974' x2='8.66601' y2='6.27974'
+                                    gradientUnits='userSpaceOnUse'>
+                      <stop stop-color='#00F5A0' />
+                      <stop offset='1' stop-color='#00D9F5' />
                     </linearGradient>
                   </defs>
                 </svg>
@@ -232,7 +235,6 @@ const PrivateSaleForm = ({ vcInfo }: { vcInfo?: VCInfo }) => {
     <div className={s.container}>
       <form className={s.form} onSubmit={formik.handleSubmit}>
         <div className={s.content}>
-          <Text className={s.title}>Total Funded</Text>
           <Text className={s.fundValue}>
             $
             {formatCurrency(
@@ -243,93 +245,59 @@ const PrivateSaleForm = ({ vcInfo }: { vcInfo?: VCInfo }) => {
               true,
             )}
           </Text>
-          <Grid className={s.boxInfo} width={'100%'}>
-            <GridItem>
-              <Flex
-                alignItems={'center'}
-                gap={'16px'}
-                direction={['column', 'row']}
-              >
-                <Column
-                  className={s.blockItem}
-                  value={
-                    <Flex direction={'column'}>
-                      <Text>
-                        {formatCurrency(
-                          contributeInfo?.total_user,
-                          0,
-                          0,
-                          'BTC',
-                          true,
-                        )}
-                      </Text>
-                      <Text
-                        fontSize={'12px'}
-                        fontWeight={'400'}
-                        color={'#FA4E0E'}
-                        textDecoration={'underline'}
-                        onClick={() => setShowContributorModal(true)}
-                        cursor={'pointer'}
-                        lineHeight={"22px"}
-                      >
-                        View all
-                      </Text>
-                    </Flex>
-                  }
-                  title={'Contributors'}
-                />
-                {token ? (
-                  <Tooltip
-                    minW="220px"
-                    bg="white"
-                    boxShadow="rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;"
-                    borderRadius="4px"
-                    padding="16px"
-                    hasArrow
-                    label={<ContributorInfo data={userContributeInfo} />}
-                  >
-                    <ContributorBlock
-                      className={cx(s.contributorBlock, s.blockItem)}
-                    />
-                  </Tooltip>
-                ) : (
-                  <ContributorBlock className={s.blockItem} />
-                )}
-              </Flex>
-            </GridItem>
 
-            <GridItem>
-              <Column
-                className={s.blockItem}
-                value={
-                  <Flex direction={'column'}>
-                    <Countdown
-                      className={s.time}
-                      expiredTime={dayjs
-                        .utc(PUBLIC_SALE_END, 'YYYY-MM-DD HH:mm:ss')
-                        .toString()}
-                      hideIcon={true}
-                      onRefreshEnd={() => setIsEnd(true)}
-                    />
-                    <Text
-                      fontSize={'12px'}
-                      fontWeight={'400'}
-                      color={'rgba(255,255,255, 0.7)'}
-                      lineHeight={"22px"}
-                    >
-                      {dayjs(PUBLIC_SALE_END).format('MMM D, YYYY h:mm A')}
-                    </Text>
-                  </Flex>
+          <div>
 
-                }
-                title={'Ends in'}
+
+            <Flex direction={'column'} onClick={() => setShowContributorModal(true)}>
+              <Text>
+                {formatCurrency(
+                  contributeInfo?.total_user,
+                  0,
+                  0,
+                  'BTC',
+                  true,
+                )}
+              </Text>
+              <Text
+              >
+                backers
+              </Text>
+            </Flex>
+          </div>
+          {token ? (
+            <Tooltip
+              minW='220px'
+              bg='white'
+              boxShadow='rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;'
+              borderRadius='4px'
+              padding='16px'
+              hasArrow
+              label={<ContributorInfo data={userContributeInfo} />}
+            >
+              <ContributorBlock
+                className={cx(s.contributorBlock, s.blockItem)}
               />
-            </GridItem>
-          </Grid>
+            </Tooltip>
+          ) : (
+            <ContributorBlock className={s.blockItem} />
+          )}
+
+          <Flex gap={6} direction={'column'} width={'100%'}>
+            <Countdown
+              className={s.time}
+              expiredTime={dayjs
+                .utc(PUBLIC_SALE_END, 'YYYY-MM-DD')
+                .toString()}
+              hideIcon={true}
+              onRefreshEnd={() => setIsEnd(true)}
+            />
+          </Flex>
+
           <Flex gap={6} direction={'column'} width={'100%'}>
             <AuthForBuy>
               <Button
-                type="submit"
+                type='submit'
                 isDisabled={isCreating}
                 isLoading={isCreating}
                 // loadingText={'Submitting...'}
diff --git a/src/modules/PublicSale/BuyForm/styles.module.scss b/src/modules/PublicSale/BuyForm/styles.module.scss
index 2a4cacd3d..77854e568 100644
--- a/src/modules/PublicSale/BuyForm/styles.module.scss
+++ b/src/modules/PublicSale/BuyForm/styles.module.scss
@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 64px 24px 64px;
+  padding: 32px 24px 32px;
   width: 100%;
   max-width: 826px;
   margin: 0 auto;
@@ -11,13 +11,6 @@
     padding: 16px;
   }
 
-  .content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin: 0 auto;
-  }
-
   .title {
     font-size: 14px;
     font-weight: 400;
@@ -28,13 +21,11 @@
   }
 
   .fundValue {
-    font-size: 72px;
+    font-size: 48px;
     font-weight: 500;
     line-height: 100%;
     width: 100%;
-    text-align: center;
-    color: #ffffff;
-    margin-top: 8px;
+    color: #FA4E0E;
 
     @include is-mobile {
       font-size: 48px;
diff --git a/src/modules/PublicSale/aboveTheFold/styles.module.scss b/src/modules/PublicSale/aboveTheFold/styles.module.scss
index e0e32d019..58e722d47 100644
--- a/src/modules/PublicSale/aboveTheFold/styles.module.scss
+++ b/src/modules/PublicSale/aboveTheFold/styles.module.scss
@@ -21,7 +21,7 @@
   .rightSection {
     background: #222222;
     padding-top: 80px;
-    height: calc(100dvh + 80px);
+    height: 100dvh;
     overflow-y: auto;
     -ms-overflow-style: none; /* Internet Explorer 10+ */
     scrollbar-width: none; /* Firefox */
diff --git a/src/modules/PublicSale/leaderBoardVisual/AvatarItem/index.tsx b/src/modules/PublicSale/leaderBoardVisual/AvatarItem/index.tsx
index f2faf0084..d4bb4bde8 100644
--- a/src/modules/PublicSale/leaderBoardVisual/AvatarItem/index.tsx
+++ b/src/modules/PublicSale/leaderBoardVisual/AvatarItem/index.tsx
@@ -116,7 +116,7 @@ const AvatarItem = forwardRef((props: IProps, ref: any) => {
         <div className={s.meta}>
           <p className={s.price} ref={refInertMoney}></p>
           {
-            isShowName && !isYou && <p className={s.name}>{data.twitter_username}</p>
+            isShowName && data.levelRender === 0 && !isYou && <p className={s.name}>{data.twitter_username}</p>
           }
           {
             isYou && <p className={s.name}>You</p>
diff --git a/src/modules/PublicSale/leaderBoardVisual/AvatarItem/styles.module.scss b/src/modules/PublicSale/leaderBoardVisual/AvatarItem/styles.module.scss
index 7436e8e98..5d0f949e7 100644
--- a/src/modules/PublicSale/leaderBoardVisual/AvatarItem/styles.module.scss
+++ b/src/modules/PublicSale/leaderBoardVisual/AvatarItem/styles.module.scss
@@ -52,7 +52,7 @@
   .meta {
     position: absolute;
     left: 50%;
-    bottom: -32px;
+    bottom: -8px;
     transform: translateX(-50%);
   }
 
@@ -72,7 +72,7 @@
     border-radius: 100px;
     font-weight: 500;
     color: #000;
-    padding: 6px 12px;
+    padding: 5px 15px;
     line-height: 1.4;
     text-align: center;
     width: fit-content;
@@ -115,19 +115,23 @@
 
 
   &:global(.level-0) {
-    margin-bottom: 48px;
+    margin-bottom: 58px;
     margin-top: 24px;
 
+    .meta{
+      bottom: -32px;
+    }
+
     .price {
       font-size: clamp(14px, #{vw(140px)}, 16px);
       background: linear-gradient(180deg, #FF9776 0%, #FF8139 32.81%, #E04300 100%);
       color: white;
+      margin-bottom: 5px;
       padding: 6px clamp(16px, #{vw(140px)}, 20px);
     }
 
     .name {
-      font-size: clamp(16px, #{vw(140px)}, 18px);
-      margin-bottom: 5px;
+      font-size: clamp(14px, #{vw(140px)}, 16px);
     }
 
     .avatarItem_avatar {
@@ -141,50 +145,50 @@
   &:global(.level-1) {
     margin-bottom: 48px;
 
-    margin-left: clamp(14px, #{vw(110px)}, 19px);
-    margin-right: clamp(14px, #{vw(110px)}, 19px);
+    margin-left: clamp(14px, #{vw(88px)}, 19px);
+    margin-right: clamp(14px, #{vw(88px)}, 19px);
 
     .price {
-      font-size: clamp(12px, #{vw(110px)}, 18px);
+      font-size: clamp(12px, #{vw(88px)}, 14px);
       background: linear-gradient(90deg, #00F5A0 0%, #00D9F5 100%);
     }
 
 
     .avatarItem_avatar {
       * {
-        width: 110px !important;
-        height: 110px !important;
+        width: 88px !important;
+        height: 88px !important;
       }
     }
   }
 
   &:global(.level-2) {
     margin-bottom: 40px;
-    margin-left: clamp(14px, #{vw(80px)}, 20px);
-    margin-right: clamp(14px, #{vw(80px)}, 20px);
+    margin-left: clamp(14px, #{vw(60px)}, 20px);
+    margin-right: clamp(14px, #{vw(60px)}, 20px);
 
     .price {
-      font-size: clamp(12px, #{vw(80px)}, 16px);
+      font-size: clamp(12px, #{vw(60px)}, 14px);
     }
 
     .avatarItem_avatar {
       * {
-        width: 80px !important;
-        height: 80px !important;
+        width: 60px !important;
+        height: 60px !important;
       }
     }
   }
 
   &:global(.level-3) {
 
+    margin-bottom: 60px;
+    margin-left: clamp(14px, #{vw(60px)}, 20px);
+    margin-right: clamp(14px, #{vw(60px)}, 20px);
+
     .price {
       font-size: clamp(12px, #{vw(60px)}, 14px);
-      padding: 4px clamp(4px, #{vw(60px)}, 8px);
     }
 
-    margin-left: clamp(12px, #{vw(60px)}, 18px);
-    margin-right: clamp(12px, #{vw(60px)}, 18px);
-
     .avatarItem_avatar {
       * {
         width: 60px !important;
diff --git a/src/modules/PublicSale/leaderBoardVisual/styles.module.scss b/src/modules/PublicSale/leaderBoardVisual/styles.module.scss
index 4c339079b..14e348291 100644
--- a/src/modules/PublicSale/leaderBoardVisual/styles.module.scss
+++ b/src/modules/PublicSale/leaderBoardVisual/styles.module.scss
@@ -17,7 +17,7 @@
 .container {
   position: relative;
   background-color: rgba(0, 0, 0, 1);
-  height: calc(100dvh - 185px);
+  height: calc(100dvh - 338px);
 
   .title1 {
     font-size: 24px;
diff --git a/src/modules/bvm_v2/Allocation/index.tsx b/src/modules/bvm_v2/Allocation/index.tsx
index b9956244e..f9ce4fc15 100644
--- a/src/modules/bvm_v2/Allocation/index.tsx
+++ b/src/modules/bvm_v2/Allocation/index.tsx
@@ -23,13 +23,13 @@ const Allocation = (props: Props) => {
     >
       <Box
         bgColor={'#007659'}
-        w="100vw"
+        w='100vw'
         position={'absolute'}
         top={0}
         left={'calc(-50vw + 50%)'}
-        h="100%"
+        h='100%'
         zIndex={0}
-      ></Box>
+      />
       <Box zIndex={1} position={'relative'}>
         <Text as="h4" className={s.heading}>
           BVM Allocation
@@ -37,33 +37,30 @@ const Allocation = (props: Props) => {
         <Text className={s.desc}>
           The total supply of BVM is permanently fixed at 100M tokens.
         </Text>
-        <Box className={s.mobile} display={{ base: 'block', sm: 'none' }}>
-          <Image
-            src={'/images/pie-chart-3.png'}
-            alt={'Allocation chart'}
-            maxW={'100%'}
-            mx="auto"
-          ></Image>
-          <Flex flexDir={'column'} gap="24px" alignItems={'center'}>
-            {ALLOCATION_DATA.map((item, index) => (
-              <Box key={index}>
-                <Text fontSize={'18px'} lineHeight={'110%'} mb="8px">
-                  {item.title}
-                </Text>
-                <Text fontSize={'14px'} lineHeight={'20px'}>
-                  {item.desc}
-                </Text>
-              </Box>
-            ))}
+        <Flex
+          w="100%"
+          flexDir={{ base: "column", lg: "row" }}
+          gap={{ base: "32px", lg: "200px" }}
+          mt={{ base: "16px", lg: "60px" }}
+          px={{ base: '40px', lg: '100px' }}
+        >
+          <Flex flex={1}>
+            <Image
+              src={'/images/pie-chart-4.png'}
+              alt={'Allocation chart'}
+              flex={1}
+              mx="auto"
+            />
           </Flex>
-        </Box>
-        <Image
-          src={'/images/pie-chart-3.png'}
-          alt={'Allocation chart'}
-          maxW={{ base: '100%', md: '70%' }}
-          mx="auto"
-          display={{ base: 'none', sm: 'block' }}
-        ></Image>
+          <Flex flex={1}>
+            <Image
+              src={'/images/wave-chart-2.png'}
+              alt={'Allocation chart'}
+              flex={1}
+              mx="auto"
+            />
+          </Flex>
+        </Flex>
       </Box>
     </Box>
   );