diff --git a/src/app/(Website)/WorldMap.tsx b/src/app/(Website)/WorldMap.tsx
index 8dfac2f5..fbc78bdb 100644
--- a/src/app/(Website)/WorldMap.tsx
+++ b/src/app/(Website)/WorldMap.tsx
@@ -18,7 +18,9 @@ const WorldMap = () => {
       <div className="m-auto w-full md:w-2/5 max-w-xl px-4">
         {/* Text section */}
         <div className="flex flex-col space-y-4">
-          <h6 className="uppercase text-sm sm:text-md text-pink-4 font-bold font-inter">Join us</h6>
+          <h6 className="uppercase text-sm sm:text-md text-pink-300 font-bold font-inter">
+            Join us
+          </h6>
           <h1 className="text-3xl sm:text-4xl md:text-5xl font-bold leading-tight font-syne">
             Join traders and builders around the world
           </h1>
diff --git a/src/app/[network]/(App)/bulkcore1/CoreUtilisation.tsx b/src/app/[network]/(App)/bulkcore1/CoreUtilisation.tsx
index 9b9fd9ef..bfc2a779 100644
--- a/src/app/[network]/(App)/bulkcore1/CoreUtilisation.tsx
+++ b/src/app/[network]/(App)/bulkcore1/CoreUtilisation.tsx
@@ -61,7 +61,7 @@ const CoreUtilisation: React.FC = () => {
     <button
       key={key}
       onClick={() => toggleActiveDataSet(key as DataSetKey)}
-      className={`py-2 px-4 text-left hover:font-semibold border-b border-gray-18 ${activeDataSet === key ? 'text-pink-5 dark:text-pink-400 font-semibold' : 'text-gray-16'}`}
+      className={`py-2 px-4 text-left hover:font-semibold border-b border-gray-18 ${activeDataSet === key ? 'text-pink-500 dark:text-pink-400 font-semibold' : 'text-gray-16'}`}
     >
       {dataConfigs[key as DataSetKey].label}
     </button>
diff --git a/src/app/[network]/(App)/bulkcore1/TimeSection.tsx b/src/app/[network]/(App)/bulkcore1/TimeSection.tsx
index 3c70be33..ce6726e5 100644
--- a/src/app/[network]/(App)/bulkcore1/TimeSection.tsx
+++ b/src/app/[network]/(App)/bulkcore1/TimeSection.tsx
@@ -5,6 +5,7 @@ import WalletStatus from '@/components/walletStatus/WalletStatus'
 import { network_list } from '@/config/network'
 import { useCurrentBlockNumber, useSubstrateQuery } from '@/hooks/useSubstrateQuery'
 import { saleStatus } from '@/utils/broker'
+import { StatusCode } from '@/utils/broker/saleStatus'
 import { getChainFromPath } from '@/utils/common/chainPath'
 import {
   ConfigurationType,
@@ -59,10 +60,11 @@ export default function BrokerSaleInfo() {
   // Update saleStage every second based on the currentBlockNumber
   const [saleStage, setSaleStage] = useState('')
   const [saleTitle, setSaleTitle] = useState('')
+  const [statusCode, setStatusCode] = useState<StatusCode | null>(null)
   const [timeRemaining, setTimeRemaining] = useState('')
   useEffect(() => {
     if (saleInfo && configuration && brokerConstants) {
-      const { statusMessage, timeRemaining, statusTitle } = saleStatus(
+      const { statusMessage, timeRemaining, statusTitle, statusCode } = saleStatus(
         currentBlockNumber,
         saleInfo,
         configuration,
@@ -71,6 +73,7 @@ export default function BrokerSaleInfo() {
       setTimeRemaining(timeRemaining)
       setSaleTitle(statusTitle)
       setSaleStage(statusMessage)
+      setStatusCode(statusCode)
     }
   }, [currentBlockNumber, saleInfo, configuration, brokerConstants])
 
@@ -148,7 +151,7 @@ export default function BrokerSaleInfo() {
         <Border>
           <div className=" p-10">
             <div>
-              <div className="flex justify-between rounded-full mx-10 bg-pink-4 dark:bg-pink-400 dark:bg-opacity-95  px-16 py-10 bg-opacity-30 items-center my-6">
+              <div className="flex justify-between rounded-full mx-10 bg-pink-300 dark:bg-pink-400 dark:bg-opacity-95  px-16 py-10 bg-opacity-30 items-center my-6">
                 <div className="text-xl xl:text-2xl font-bold font-unbounded uppercase text-gray-21 dark:text-white ">
                   {saleTitle}
                 </div>
@@ -181,6 +184,7 @@ export default function BrokerSaleInfo() {
                 saleInfo={saleInfo}
                 formatPrice={`${(currentPrice / 10 ** 12).toFixed(8)} ${tokenSymbol}`}
                 currentPrice={currentPrice}
+                statusCode={statusCode}
               />
             </Border>
           </div>
diff --git a/src/app/[network]/(App)/core/[number]/[regionId]/[mask]/Core.tsx b/src/app/[network]/(App)/core/[number]/[regionId]/[mask]/Core.tsx
index 0e4452d2..52f2a0de 100644
--- a/src/app/[network]/(App)/core/[number]/[regionId]/[mask]/Core.tsx
+++ b/src/app/[network]/(App)/core/[number]/[regionId]/[mask]/Core.tsx
@@ -149,12 +149,11 @@ const BrokerRegionData: FC<BrokerRegionDataProps> = ({ coreNb, regionId, mask })
           <div>
             <div className="">
               <CoreItemExtensive
-                timeBought="Jan 2024"
+                timeBought="- 2024"
                 owner={region.owner.owner}
                 amITheOwner={region.owner.owner === activeAccount.address}
                 paid={region.owner.paid}
                 coreNumber={region.detail[0].core}
-                size="1"
                 phase="- Period"
                 cost={parseNativeTokenToHuman({ paid: region.owner.paid, decimals: tokenDecimals })}
                 currencyCost={tokenSymbol}
@@ -172,7 +171,7 @@ const BrokerRegionData: FC<BrokerRegionDataProps> = ({ coreNb, regionId, mask })
         <Border>
           <div className="p-10">
             <div>
-              <div className="flex justify-between rounded-full mx-10 bg-pink-4 dark:bg-pink-400  px-16 py-10 bg-opacity-30 dark:bg-opacity-80 items-center my-6">
+              <div className="flex justify-between rounded-full mx-10 bg-pink-300 dark:bg-pink-400  px-16 py-10 bg-opacity-30 dark:bg-opacity-80 items-center my-6">
                 <div className="text-xl font-bold font-unbounded uppercase text-gray-21">
                   {saleTitle}
                 </div>
diff --git a/src/components/activityBoxes/BoxesContainer.tsx b/src/components/activityBoxes/BoxesContainer.tsx
index b481fc60..5d9b29dc 100644
--- a/src/components/activityBoxes/BoxesContainer.tsx
+++ b/src/components/activityBoxes/BoxesContainer.tsx
@@ -101,21 +101,21 @@ const SquareBoxesContainer: React.FC<SquareBoxesContainerProps> = ({
       <div className="flex flex-wrap justify-center items-center gap-4">{squareBoxes} </div>
       <div className="flex justify-around mt-8">
         <button
-          className="rounded-ful font-black rounded-2xl bg-pink-2 hover:bg-pink-4 border border-gray-8 text-xs inline-flex items-center justify-center p-2 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-2 focus:ring-primary-3"
+          className="rounded-ful font-black rounded-2xl bg-pink-2 hover:bg-pink-300 border border-gray-8 text-xs inline-flex items-center justify-center p-2 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-2 focus:ring-primary-3"
           onClick={handleSetHalfToTrue}
         >
           50/50
         </button>
 
         <button
-          className="rounded-ful font-black rounded-2xl bg-pink-2 hover:bg-pink-4 border border-gray-8 text-xs inline-flex items-center justify-center p-2 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-2 focus:ring-primary-3"
+          className="rounded-ful font-black rounded-2xl bg-pink-2 hover:bg-pink-300 border border-gray-8 text-xs inline-flex items-center justify-center p-2 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-2 focus:ring-primary-3"
           onClick={handleSetAlternateToTrue}
         >
           Alternating
         </button>
 
         <button
-          className="rounded-ful font-black rounded-2xl bg-pink-2 hover:bg-pink-4 border border-gray-8 text-xs inline-flex items-center justify-center p-2 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-2 focus:ring-primary-3"
+          className="rounded-ful font-black rounded-2xl bg-pink-2 hover:bg-pink-300 border border-gray-8 text-xs inline-flex items-center justify-center p-2 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-2 focus:ring-primary-3"
           onClick={handleReset}
         >
           Reset
diff --git a/src/components/broker/extrinsics/PartitionCoreModal.tsx b/src/components/broker/extrinsics/PartitionCoreModal.tsx
index dd5cfb57..b5dbe816 100644
--- a/src/components/broker/extrinsics/PartitionCoreModal.tsx
+++ b/src/components/broker/extrinsics/PartitionCoreModal.tsx
@@ -160,9 +160,9 @@ const PartitionCoreModal: FC<PartitionCoreModalProps> = ({ isOpen, onClose, regi
       <div className="flex flex-col p-4 ">
         <div className="pb-8">
           <div className="mx-10 mt-4 mb-24 relative">
-            <div className="w-full bg-pink-4 bg-opacity-20 h-3 rounded-full overflow-hidden">
+            <div className="w-full bg-pink-300 bg-opacity-20 h-3 rounded-full overflow-hidden">
               <div
-                className="bg-pink-4 bg-opacity-50 h-full"
+                className="bg-pink-300 bg-opacity-50 h-full"
                 style={{ width: `${pivotPercentage}%` }}
               ></div>
             </div>
diff --git a/src/components/button/PrimaryButton.tsx b/src/components/button/PrimaryButton.tsx
index bc014e9b..540a09f3 100644
--- a/src/components/button/PrimaryButton.tsx
+++ b/src/components/button/PrimaryButton.tsx
@@ -20,7 +20,7 @@ const PrimaryButton: FC<PrimaryButtonProps> = ({
       <button
         onClick={onClick}
         disabled={disabled}
-        className={`${disabled ? 'bg-gray-2 dark:bg-gray-20 dark:text-gray-14 text-gray-14 cursor-not-allowed' : 'bg-pink-4 dark:bg-pink-400 hover:bg-pink-5 dark:hover:bg-pink-500 text-black dark:text-gray-1 cursor-pointer'} rounded-ful font-unbounded uppercase font-black rounded-2xl   border border-gray-8  dark:border-gray-18 text-xs inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-4 focus:ring-primary-3`}
+        className={`${disabled ? 'bg-gray-2 dark:bg-gray-20 dark:text-gray-14 text-gray-14 cursor-not-allowed' : 'bg-pink-300  dark:bg-pink-400 hover:bg-pink-5 dark:hover:bg-pink-500 text-black dark:text-gray-1 cursor-pointer'} rounded-ful font-unbounded uppercase font-black rounded-2xl   border border-gray-8  dark:border-gray-18 text-xs inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-4 focus:ring-primary-3`}
       >
         {title}
       </button>
@@ -29,7 +29,7 @@ const PrimaryButton: FC<PrimaryButtonProps> = ({
     return (
       <Link
         href={location}
-        className="rounded-ful font-unbounded uppercase font-black rounded-2xl bg-pink-4 dark:bg-pink-400 hover:bg-pink-5 dark:hover:bg-pink-500 border border-gray-8 dark:border-gray-18 text-xs inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-4 focus:ring-primary-3"
+        className="rounded-ful font-unbounded uppercase font-black rounded-2xl bg-pink-300 dark:bg-pink-400 hover:bg-pink-5 dark:hover:bg-pink-500 border border-gray-8 dark:border-gray-18 text-xs inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-4 focus:ring-primary-3"
       >
         {title}
       </Link>
diff --git a/src/components/button/PrimaryButtonWeb.tsx b/src/components/button/PrimaryButtonWeb.tsx
index b333854c..ef58ea67 100644
--- a/src/components/button/PrimaryButtonWeb.tsx
+++ b/src/components/button/PrimaryButtonWeb.tsx
@@ -20,7 +20,7 @@ const PrimaryButtonWeb: FC<PrimaryButtonProps> = ({
       <button
         onClick={onClick}
         disabled={disabled}
-        className={`${disabled ? 'bg-gray-2 text-gray-14 cursor-not-allowed' : ' bg-gradient-to-r from-purple-4 to-primary-5  hover:bg-pink-4 text-white cursor-pointer'} rounded-ful font-syne font-black rounded-2xl   border border-gray-8 text-md inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-black hover:bg-primary-800 focus:ring-4 focus:ring-primary-3`}
+        className={`${disabled ? 'bg-gray-2 text-gray-14 cursor-not-allowed' : ' bg-gradient-to-r from-purple-4 to-primary-5  hover:bg-pink-300 text-white cursor-pointer'} rounded-ful font-syne font-black rounded-2xl   border border-gray-8 text-md inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-black hover:bg-primary-800 focus:ring-4 focus:ring-primary-3`}
       >
         {title}
       </button>
@@ -29,7 +29,7 @@ const PrimaryButtonWeb: FC<PrimaryButtonProps> = ({
     return (
       <Link
         href={location}
-        className="rounded-ful font-syne font-black rounded-2xl bg-gradient-to-r from-pink-4 to-purple-5 hover:from-pink-5 hover:to-purple-6 border border-gray-16 text-md inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-white hover:bg-primary-800 focus:ring-4 focus:ring-primary-3"
+        className="rounded-ful font-syne font-black rounded-2xl bg-gradient-to-r from-pink-300 to-purple-5 hover:from-pink-5 hover:to-purple-6 border border-gray-16 text-md inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-white hover:bg-primary-800 focus:ring-4 focus:ring-primary-3"
       >
         {title}
       </Link>
diff --git a/src/components/button/PrimaryButtonWithAutoTeleport.tsx b/src/components/button/PrimaryButtonWithAutoTeleport.tsx
index 3ae741fa..7ed37ff4 100644
--- a/src/components/button/PrimaryButtonWithAutoTeleport.tsx
+++ b/src/components/button/PrimaryButtonWithAutoTeleport.tsx
@@ -2,9 +2,8 @@ import PrimaryButton, { PrimaryButtonProps } from '@/components/button/PrimaryBu
 import ModalNotification from '@/components/modal/ModalNotification'
 import ModalTranasaction from '@/components/modal/ModalTransaction'
 import { useTeleport } from '@/hooks/useTeleport'
-import { FormControlLabel, Switch } from '@mui/material'
 import { BN } from '@polkadot/util'
-import { FC, useState } from 'react'
+import { FC } from 'react'
 
 export interface PrimaryButtonWithAutoTeleportProps extends PrimaryButtonProps {
   /** Amount needed for the action. Determines if teleport will happen or not. */
@@ -21,7 +20,7 @@ const PrimaryButtonWithAutoTeleport: FC<PrimaryButtonWithAutoTeleportProps> = ({
   amountNeeded,
   teleportTo,
 }) => {
-  const [autoTeleportEnabled, setAutoTeleportEnabled] = useState(true)
+  const autoTeleportEnabled = true
   const { autoTeleport, notification, setNotification, isTeleporting, teleportMessage } =
     useTeleport(onClick)
 
@@ -35,19 +34,6 @@ const PrimaryButtonWithAutoTeleport: FC<PrimaryButtonWithAutoTeleportProps> = ({
 
   return (
     <div className="flex flex-col  items-center gap-3">
-      <FormControlLabel
-        disabled={disabled}
-        control={
-          <Switch
-            checked={autoTeleportEnabled}
-            onChange={(e) => setAutoTeleportEnabled(e.target.checked)}
-            size="small"
-            sx={switchStyle}
-          />
-        }
-        label="Auto Teleport"
-      />
-
       <PrimaryButton title={title} location={location} onClick={handleClick} disabled={disabled} />
 
       <ModalNotification
@@ -62,16 +48,4 @@ const PrimaryButtonWithAutoTeleport: FC<PrimaryButtonWithAutoTeleportProps> = ({
   )
 }
 
-const switchStyle = {
-  '& .MuiSwitch-switchBase.Mui-checked': {
-    color: '#FF6370',
-  },
-  '& .MuiSwitch-switchBase + .MuiSwitch-track': {
-    backgroundColor: '#E6B3CA',
-  },
-  '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
-    backgroundColor: '#E6B3CA',
-  },
-}
-
 export default PrimaryButtonWithAutoTeleport
diff --git a/src/components/button/SecondaryButtonWeb.tsx b/src/components/button/SecondaryButtonWeb.tsx
index dbede47b..846da624 100644
--- a/src/components/button/SecondaryButtonWeb.tsx
+++ b/src/components/button/SecondaryButtonWeb.tsx
@@ -20,7 +20,7 @@ const SecondaryButtonWeb: FC<PrimaryButtonProps> = ({
       <button
         onClick={onClick}
         disabled={disabled}
-        className={`${disabled ? 'bg-gray-2 text-gray-14 cursor-not-allowed' : ' bg-gradient-to-r from-purple-4 to-primary-5  hover:bg-pink-4 text-white cursor-pointer'} rounded-ful font-syne font-black rounded-2xl text-md inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-white hover:bg-primary-800 focus:ring-4 focus:ring-primary-3`}
+        className={`${disabled ? 'bg-gray-2 text-gray-14 cursor-not-allowed' : ' bg-gradient-to-r from-purple-4 to-primary-5  hover:bg-pink-300 text-white cursor-pointer'} rounded-ful font-syne font-black rounded-2xl text-md inline-flex items-center justify-center px-12 py-3 mr-3 text-center text-white hover:bg-primary-800 focus:ring-4 focus:ring-primary-3`}
       >
         {title}
       </button>
diff --git a/src/components/button/SideButton.tsx b/src/components/button/SideButton.tsx
index 2ff6da42..b40c42c1 100644
--- a/src/components/button/SideButton.tsx
+++ b/src/components/button/SideButton.tsx
@@ -29,7 +29,7 @@ const SideButton: FC<SideButtonProps> = ({
     return (
       <Link
         href={location}
-        className="rounded-ful font-unbounded uppercase font-black rounded-2xl bg-pink-3 hover:bg-pink-4 border border-gray-8 text-xs inline-flex items-center justify-center px-12 py-3 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-4 focus:ring-primary-3"
+        className="rounded-ful font-unbounded uppercase font-black rounded-2xl bg-pink-3 hover:bg-pink-300 border border-gray-8 text-xs inline-flex items-center justify-center px-12 py-3 text-center text-black dark:text-gray-1 hover:bg-primary-800 focus:ring-4 focus:ring-primary-3"
       >
         {title}
       </Link>
diff --git a/src/components/card/AboutCard.tsx b/src/components/card/AboutCard.tsx
index b753c862..da9c2742 100644
--- a/src/components/card/AboutCard.tsx
+++ b/src/components/card/AboutCard.tsx
@@ -11,7 +11,7 @@ const AboutCard: React.FC<FeatureCardProps> = ({ title, description }) => {
     <BorderBlack>
       <div className="px-8 py-12">
         <h4 className="font-semibold font-syne text-2xl">{title}</h4>
-        <div className="w-10 h-1 my-3 rounded-full bg-pink-300"></div>
+        <div className="w-10 h-1 my-3 rounded-full bg-pink-300 "></div>
         <p className="text-sm">{description}</p>
         <div className="py-2"></div>
       </div>
diff --git a/src/components/cores/CoreItemExtensive.tsx b/src/components/cores/CoreItemExtensive.tsx
index 5475ee08..25ec816c 100644
--- a/src/components/cores/CoreItemExtensive.tsx
+++ b/src/components/cores/CoreItemExtensive.tsx
@@ -9,7 +9,6 @@ interface CardProps {
   amITheOwner: boolean
   paid: string
   coreNumber: string
-  size: string
   phase: string
   cost: string
   currencyCost: string
@@ -24,7 +23,6 @@ const CoreItemExtensive: React.FC<CardProps> = ({
   amITheOwner,
   paid,
   coreNumber,
-  size,
   phase,
   cost,
   currencyCost,
@@ -41,7 +39,7 @@ const CoreItemExtensive: React.FC<CardProps> = ({
         <div className="px-10">
           <Image src="/assets/Images/core2.png" alt="Lastic Logo" width={400} height={400} />
         </div>
-        <div className="flex w-full flex-col px-5 items-start justify-start space-y-3">
+        <div className="flex w-full flex-col pl-10 items-start justify-start space-y-3">
           <div>
             <div className="block mt-1 text-md leading-tight font-medium text-black dark:text-gray-1">
               Owner: {toShortAddress(owner)} {amITheOwner ? '(You)' : '(Not you)'}
@@ -59,21 +57,14 @@ const CoreItemExtensive: React.FC<CardProps> = ({
           </div>
         </div>
         <div className="flex w-full flex-col px-5 items-start justify-start space-y-3">
-          <div>
-            <p className="text-gray-12">Size: {size} core</p>
-            <p className="text-gray-12">Phase: {phase}</p>
+          <div className="text-md  text-black dark:text-gray-1 ">
+            <p>Mask: {mask}</p>
           </div>
-          <div>
-            <p className="text-gray-12">
-              Cost: {cost} {currencyCost}
-            </p>
+          <div className="text-md  text-black dark:text-gray-1 ">
+            <p>Begin: {begin}</p>
           </div>
-          <div className="">
-            <div className="text-sm text-gray-10">
-              <p>Mask: {mask}</p>
-              <p>Begin: {begin}</p>
-              <p>End: {end}</p>
-            </div>
+          <div className="text-md  text-black dark:text-gray-1 ">
+            <p>End: {end}</p>
           </div>
         </div>
       </div>
diff --git a/src/components/timelineComp/TimelineComp.tsx b/src/components/timelineComp/TimelineComp.tsx
index 147b3e11..f2d0d18e 100644
--- a/src/components/timelineComp/TimelineComp.tsx
+++ b/src/components/timelineComp/TimelineComp.tsx
@@ -25,9 +25,9 @@ const Slider: FC<SliderPropeTypes> = ({ currentBlockNumber, saleInfo, config, co
 
   return (
     <div className="mx-10 my-16 relative">
-      <div className="w-full bg-pink-4 dark:bg-pink-400 dark:bg-opacity-20 bg-opacity-20 h-3 rounded-full overflow-hidden">
+      <div className="w-full bg-pink-300 dark:bg-pink-400 dark:bg-opacity-20 bg-opacity-20 h-3 rounded-full overflow-hidden">
         <div
-          className="bg-pink-4 dark:bg-pink-400 dark:bg-opacity-40 bg-opacity-50 h-full"
+          className="bg-pink-300 dark:bg-pink-400 dark:bg-opacity-40 bg-opacity-50 h-full"
           style={{ width: `${safePurchasePercentage}%` }}
         ></div>
       </div>
diff --git a/src/components/timelineComp/TimelineUtilize.tsx b/src/components/timelineComp/TimelineUtilize.tsx
index 7699d7f7..a92a29f9 100644
--- a/src/components/timelineComp/TimelineUtilize.tsx
+++ b/src/components/timelineComp/TimelineUtilize.tsx
@@ -48,9 +48,9 @@ const Slider: FC<SliderPropeTypes> = ({ currentRelayBlock, saleInfo, config, con
             {regionBeginTimestamp !== null ? regionBeginTimestamp : 'Loading...'}
             Region End Timestamp: {regionEndTimestamp !== null ? regionEndTimestamp : 'Loading...'} */}
       </div>
-      <div className="w-full bg-pink-4 bg-opacity-20 h-3 rounded-full overflow-hidden">
+      <div className="w-full bg-pink-300 bg-opacity-20 h-3 rounded-full overflow-hidden">
         <div
-          className="bg-pink-4 bg-opacity-50 h-full"
+          className="bg-pink-300 bg-opacity-50 h-full"
           style={{ width: `${safeutilizationPercentage}%` }}
         ></div>
       </div>
diff --git a/src/components/timelineComp/TimelineUtilizeCore.tsx b/src/components/timelineComp/TimelineUtilizeCore.tsx
index 272874ca..4b087254 100644
--- a/src/components/timelineComp/TimelineUtilizeCore.tsx
+++ b/src/components/timelineComp/TimelineUtilizeCore.tsx
@@ -48,9 +48,9 @@ const Slider: FC<SliderPropeTypes> = ({ currentRelayBlock, beginRegion, config,
             {regionBeginTimestamp !== null ? regionBeginTimestamp : 'Loading...'}
             Region End Timestamp: {regionEndTimestamp !== null ? regionEndTimestamp : 'Loading...'} */}
       </div>
-      <div className="w-full bg-pink-4 dark:bg-pink-400 bg-opacity-20 dark:bg-opacity-20 h-3 rounded-full overflow-hidden">
+      <div className="w-full bg-pink-300 dark:bg-pink-400 bg-opacity-20 dark:bg-opacity-20 h-3 rounded-full overflow-hidden">
         <div
-          className="bg-pink-4 dark:bg-pink-400 bg-opacity-50  dark:bg-opacity-50 h-full"
+          className="bg-pink-300 dark:bg-pink-400 bg-opacity-50  dark:bg-opacity-50 h-full"
           style={{ width: `${safeutilizationPercentage}%` }}
         ></div>
       </div>
diff --git a/src/components/walletStatus/BuyWalletStatus.tsx b/src/components/walletStatus/BuyWalletStatus.tsx
index 970e05c7..514885fe 100644
--- a/src/components/walletStatus/BuyWalletStatus.tsx
+++ b/src/components/walletStatus/BuyWalletStatus.tsx
@@ -2,29 +2,53 @@ import PurchaseInteractor from '@/components/broker/extrinsics/PurchaseInteracto
 import SecondaryButton from '@/components/button/SecondaryButton'
 import CuteInfo from '@/components/info/CuteInfo'
 import { ConnectButton } from '@/components/web3/ConnectButton'
+import { parseNativeTokenToHuman } from '@/utils/account/token'
+import { StatusCode } from '@/utils/broker/saleStatus'
+import { goToChainRoute } from '@/utils/common/chainPath'
 import { truncateHash } from '@/utils/truncateHash'
 import { encodeAddress } from '@polkadot/util-crypto'
-import { SaleInfoType, useBalance, useInkathon } from '@poppyseed/lastic-sdk'
+import { SaleInfoType, useBalance, useInkathon, useRelayBalance } from '@poppyseed/lastic-sdk'
 import Image from 'next/image'
+import { usePathname } from 'next/navigation'
 import React from 'react'
 
 type BuyWalletStatusType = {
   saleInfo: SaleInfoType
   formatPrice: string
   currentPrice: number
+  statusCode: StatusCode | null
 }
 
 const BuyWalletStatus: React.FC<BuyWalletStatusType> = ({
   saleInfo,
   formatPrice,
   currentPrice,
+  statusCode,
 }) => {
   const { activeAccount, activeChain } = useInkathon()
-  const { balanceFormatted, balance } = useBalance(activeAccount?.address, true)
+  const {
+    freeBalance: balance,
+    tokenSymbol,
+    tokenDecimals,
+  } = useBalance(activeAccount?.address, true)
+  const { freeBalance: relayBalance } = useRelayBalance(activeAccount?.address, true)
 
-  let inputPurchasePrice = Math.floor(currentPrice * 1.02)
+  const formattedCoreBalance = parseNativeTokenToHuman({
+    paid: balance?.toString(),
+    decimals: tokenDecimals,
+    reduceDecimals: 2,
+  })
+  const formattedrelayBalance = parseNativeTokenToHuman({
+    paid: relayBalance?.toString(),
+    decimals: tokenDecimals,
+    reduceDecimals: 2,
+  })
 
-  if (!activeAccount) {
+  const pathname = usePathname()
+
+  let inputPurchasePrice = Math.ceil(currentPrice)
+
+  if (!activeAccount || !statusCode) {
     return (
       <div className="flex justify-center items-center py-20 px-4">
         <div className="flex flex-col items-center justify-center px-2 py-8">
@@ -39,12 +63,29 @@ const BuyWalletStatus: React.FC<BuyWalletStatusType> = ({
     )
   }
 
+  if (statusCode === StatusCode.Interlude) {
+    return (
+      <div className="flex justify-center items-center py-20 px-4">
+        <div className="flex flex-col items-center justify-center px-2 py-8">
+          <CuteInfo
+            emoji="🔥"
+            message="Renewal period is active. Time to renew your core!"
+            color="bg-lastic-spectrum-via"
+          />
+          <SecondaryButton
+            title="Time To Renew your Core"
+            location={goToChainRoute(pathname, `/renewal`)}
+          />
+        </div>
+      </div>
+    )
+  }
+
   if (saleInfo.coresSold >= saleInfo.coresOffered) {
     return (
       <div className="flex justify-center items-center py-20 px-4">
         <div className="flex flex-col items-center justify-center px-2 py-8 ">
           <CuteInfo emoji="😔" message="All cores are sold out." color="bg-lastic-spectrum-via" />
-          <SecondaryButton title="Purchase Instantianous Coretime" location="/instacore" />
         </div>
       </div>
     )
@@ -87,16 +128,49 @@ const BuyWalletStatus: React.FC<BuyWalletStatusType> = ({
             Using account:{' '}
             {truncateHash(encodeAddress(activeAccount.address, activeChain?.ss58Prefix || 42), 8)}
           </div>
-          <div>
-            {balance
-              ? balance.toNumber() > 0
-                ? `Balance: ${balanceFormatted}`
-                : 'You have 0 balance on this account'
-              : 'Loading Balance'}
+          <div className="mt-5">
+            {balance ? (
+              <div>
+                {' '}
+                Balance on Coretime: {formattedCoreBalance} {tokenSymbol}
+              </div>
+            ) : (
+              'Loading Balance'
+            )}
+            {relayBalance ? (
+              <div>
+                {' '}
+                Balance on Relay: {formattedrelayBalance} {tokenSymbol}
+              </div>
+            ) : (
+              'Loading Relay Balance'
+            )}
+          </div>
+          <div className="">
+            {balance &&
+            relayBalance &&
+            balance.toNumber() < inputPurchasePrice &&
+            relayBalance.toNumber() < inputPurchasePrice ? (
+              <div className="text-red-500 py-2">Insufficient balance for purchase.</div>
+            ) : null}
           </div>
-          <div className="flex flex-col px-10 mt-10 items-center ">
-            <PurchaseInteractor param={inputPurchasePrice.toString()} />
+          <div className="">
+            {balance &&
+            relayBalance &&
+            balance.toNumber() < inputPurchasePrice &&
+            relayBalance.toNumber() >= inputPurchasePrice ? (
+              <div className="text-red-500 py-2">Your assets will be autoteleported.</div>
+            ) : null}
           </div>
+          {balance &&
+          relayBalance &&
+          balance.toNumber() > 0 &&
+          (balance.toNumber() > inputPurchasePrice ||
+            relayBalance.toNumber() > inputPurchasePrice) ? (
+            <div className="flex flex-col px-10 mt-10 items-center ">
+              <PurchaseInteractor param={inputPurchasePrice.toString()} />
+            </div>
+          ) : null}
         </div>
       </div>
     </div>
diff --git a/src/config/network.ts b/src/config/network.ts
index 6370ddf1..7674912f 100644
--- a/src/config/network.ts
+++ b/src/config/network.ts
@@ -164,7 +164,7 @@ export const network_list: NetworkInfo = {
       leadinLength: 50400,
       regionLength: 5040,
       idealBulkProportion: 100,
-      limitCoresOffered: 3,
+      limitCoresOffered: null,
       renewalBump: 3,
       contributionTimeout: 5040,
     },
diff --git a/src/utils/broker/saleStatus.ts b/src/utils/broker/saleStatus.ts
index 1a6eb6d4..23c84e08 100644
--- a/src/utils/broker/saleStatus.ts
+++ b/src/utils/broker/saleStatus.ts
@@ -5,7 +5,7 @@ import {
   blocksToTimeFormat,
 } from '@poppyseed/lastic-sdk'
 
-enum StatusCode {
+export enum StatusCode {
   Interlude = 'interlude',
   LeadIn = 'leadIn',
   Purchase = 'purchase',
@@ -18,7 +18,7 @@ interface StatusInfo {
 
 const statusInfoMap: Record<StatusCode, StatusInfo> = {
   [StatusCode.Interlude]: {
-    statusTitle: 'Interlude Period',
+    statusTitle: 'Renewal Period',
     statusMessage: 'Time to renew your core!',
   },
   [StatusCode.LeadIn]: {
@@ -85,7 +85,12 @@ export function saleStatus(
   saleInfo: SaleInfoType,
   config: ConfigurationType,
   constant: BrokerConstantsType,
-): { statusTitle: string; statusMessage: string; timeRemaining: string } {
+): {
+  statusTitle: string
+  statusMessage: string
+  timeRemaining: string
+  statusCode: StatusCode
+} {
   // Check issue https://github.com/LasticXYZ/LasticUI/issues/94 to see why this is commented out
   // const saleEnds = getSaleEnds(saleInfo, config, constant)
 
@@ -103,5 +108,6 @@ export function saleStatus(
     statusTitle,
     statusMessage,
     timeRemaining,
+    statusCode,
   }
 }