diff --git a/src/components/MyWallet/WalletItemCard.jsx b/src/components/MyWallet/WalletItemCard.jsx
index af3a9fe..6f3af69 100644
--- a/src/components/MyWallet/WalletItemCard.jsx
+++ b/src/components/MyWallet/WalletItemCard.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import background from "../../assets/images/bg-sky-blue.jpg"; //shape/balance-bg.svg";
+// import background from "../../assets/images/bg-sky-blue.jpg"; //shape/balance-bg.svg";
 import localImgLoad from "../../lib/localImgLoad";
 import { tableReload } from "../../store/TableReloads";
 import { PriceFormatter } from "../Helpers/PriceFormatter";
@@ -44,25 +44,25 @@ export default function WalletItemCard({ walletItem, payment, countries }) {
   return (
     <>
       <div
-        className="current-balance-widget w-full h-full min-h-[250px] rounded-2xl overflow-hidden flex flex-col items-center gap-4 p-4 justify-between"
+        className="current-balance-widget w-full h-full min-h-[250px] rounded-2xl overflow-hidden flex flex-col items-center gap-4 p-4 justify-between bg-[#498FC3]"
         style={{
-          background: `url(${background}) 0% 0% / cover no-repeat`,
+          background: `url(${walletItem?.banner}) 0% 0% / cover no-repeat`,
         }}
       >
-        <div className="wallet w-full flex justify-between items-start gap-3">
-          <div className="min-w-[100px] min-h-[100px] max-w-min md:max-w-[150px] max-h-min md:max-h-[150px] rounded-full bg-[#e3e3e3] flex justify-center items-center">
+        <div className="wallet w-full">
+          {/* <div className="min-w-[100px] min-h-[100px] max-w-min md:max-w-[150px] max-h-min md:max-h-[150px] rounded-full bg-[#e3e3e3] flex justify-center items-center">
             <img
               src={localImgLoad(`images/currency/${image}`)}
               className="w-full h-full"
               alt="currency-icon"
             />
-          </div>
-          <div className="balance w-full mt-2 flex justify-center">
-            <div className="">
-              <p className="text-base sm:text-lg text-white opacity-[70%] tracking-wide mb-2 sm:mb-6">
+          </div> */}
+          <div className="balance w-full mt-2 flex justify-end">
+            <div className="flex flex-col items-center">
+              <p className="text-base sm:text-lg text-white tracking-wide mb-2 sm:mb-6">
                 Current Balance
               </p>
-              <p className="text-[44px] lg:text-[62px] font-bold text-white tracking-wide leading-10 xxs:scale-100 lg:scale-100 xl:scale-125">
+              <p className="text-[44px] lg:text-[62px] font-bold text-white tracking-wide leading-10">
                 {PriceFormatter(
                   walletItem.amount * 0.01,
                   walletItem.code,
@@ -75,9 +75,10 @@ export default function WalletItemCard({ walletItem, payment, countries }) {
         </div>
         
         {walletItem.escrow > 0 ? 
+        <div className='w-full flex justify-end'>
           <p className="text-lg text-white tracking-wide flex justify-center items-center gap-8">
             HOLDINGS :{" "}
-            <span className="xxs:scale-100 lg:scale-100 xl:scale-125">
+            <span className="">
               {PriceFormatter(
                 walletItem.escrow * 0.01,
                 walletItem.code,
@@ -86,8 +87,9 @@ export default function WalletItemCard({ walletItem, payment, countries }) {
               )}
             </span>
           </p>
-          :
-          null
+        </div>
+        :
+        null
         }
 
         <div className='w-full'>